diff --git a/packages/client/src/ui/deck.vue b/packages/client/src/ui/deck.vue
index 6fdcfb28dd..9037ad1561 100644
--- a/packages/client/src/ui/deck.vue
+++ b/packages/client/src/ui/deck.vue
@@ -384,6 +384,27 @@ async function deleteProfile() {
 }
 </script>
 
+<style>
+html,
+body {
+	width: 100%;
+	height: 100%;
+	overflow: clip;
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+
+#calckey_app {
+	width: 100%;
+	height: 100%;
+	overflow: clip;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+</style>
+
 <style lang="scss" scoped>
 .menu-enter-active,
 .menu-leave-active {
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index acbcd51530..7291fffb34 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -410,6 +410,27 @@ const wallpaper = localStorage.getItem("wallpaper") != null;
 console.log(mainRouter.currentRoute.value.name);
 </script>
 
+<style>
+html,
+body {
+	width: 100%;
+	height: 100%;
+	overflow: clip;
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+
+#calckey_app {
+	width: 100%;
+	height: 100%;
+	overflow: clip;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+</style>
+
 <style lang="scss" scoped>
 .widgetsDrawer-enter-active,
 .widgetsDrawer-leave-active {