diff --git a/packages/ui/src/components/PanelInstance.svelte b/packages/ui/src/components/PanelInstance.svelte
index 1a8b57b718..b5d15755e4 100644
--- a/packages/ui/src/components/PanelInstance.svelte
+++ b/packages/ui/src/components/PanelInstance.svelte
@@ -181,6 +181,7 @@
     left: 0;
     width: 100%;
     height: 100%;
+    touch-action: none;
 
     &.show {
       background: rgba(0, 0, 0, 0.5);
diff --git a/packages/ui/src/components/PopupInstance.svelte b/packages/ui/src/components/PopupInstance.svelte
index edbfb5a717..42c17c1160 100644
--- a/packages/ui/src/components/PopupInstance.svelte
+++ b/packages/ui/src/components/PopupInstance.svelte
@@ -162,5 +162,6 @@
     width: 100%;
     height: 100vh;
     transition: background-color 0.5s ease;
+    touch-action: none;
   }
 </style>
diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte
index b6ec2e1d77..1c7964a852 100644
--- a/packages/ui/src/components/internal/Root.svelte
+++ b/packages/ui/src/components/internal/Root.svelte
@@ -101,7 +101,10 @@
             class="flex-center widget mr-3"
             class:on={isMobile}
             class:always={alwaysMobile}
-            on:click={() => (alwaysMobile = !alwaysMobile)}
+            on:click={() => {
+              alwaysMobile = !alwaysMobile
+              document.documentElement.style.setProperty('--app-height', `${window.innerHeight}px`)
+            }}
           >
             <WiFi size={'small'} />
           </div>