diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index 58f3d710a..991857f39 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -121,7 +121,7 @@
   height: 100vh;
   width: 80vw;
   z-index: 220;
-  transition: var(--b3-transition);
+  transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms, left .15s cubic-bezier(0, 0, .2, 1) 0ms, right .15s cubic-bezier(0, 0, .2, 1) 0ms;
 
   &--left {
     left: -100vw;
@@ -131,7 +131,7 @@
   &--all {
     width: 100vw;
     right: 0;
-    top: -100vh;
+    top: -150vh;
   }
 }
 
diff --git a/app/src/mobile/util/closePanel.ts b/app/src/mobile/util/closePanel.ts
index 565cecf68..52448f7c9 100644
--- a/app/src/mobile/util/closePanel.ts
+++ b/app/src/mobile/util/closePanel.ts
@@ -5,6 +5,6 @@ export const closePanel = () => {
     const modelElement = document.getElementById("model");
     menuElement.style.right = "-100vw";
     sidebarElement.style.left = "-100vw";
-    modelElement.style.top = "-100vh";
+    modelElement.style.top = "-150vh";
     scrimElement.classList.add("fn__none");
 };