diff --git a/Step/wwwroot/assets/styles/base/layout.less b/Step/wwwroot/assets/styles/base/layout.less
index 6d49049d..63278682 100644
--- a/Step/wwwroot/assets/styles/base/layout.less
+++ b/Step/wwwroot/assets/styles/base/layout.less
@@ -117,12 +117,12 @@ body {
     height: calc(~'100vh - 80px');
     background-color: @background-color;
     z-index: 100;
-    transition: transform 0.5s ease-out;
+    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
     .handle {
         display: none;
     }
     &.liftedUp {
-        transition: transform 0.5s ease-out, box-shadow 0.1s ease-out 0.5s;
+        transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.1s ease-out 1.0s;
         box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2);
     }
 }
@@ -139,7 +139,7 @@ body {
     width: 100vw; // box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.4);
     box-shadow: none;
     z-index: 250;
-    transition: transform 0.5s ease-out;
+    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
     .handle {
         background-color: @background-color;
         display: block;
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index c7668c40..fc442889 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -13672,13 +13672,13 @@ body {
   height: calc(100vh - 80px);
   background-color: #d8d8d8;
   z-index: 100;
-  transition: transform 0.5s ease-out;
+  transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
 #main-view .handle {
   display: none;
 }
 #main-view.liftedUp {
-  transition: transform 0.5s ease-out, box-shadow 0.1s ease-out 0.5s;
+  transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.1s ease-out 1s;
   box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2);
 }
 #main-view.turn-up,
@@ -13692,7 +13692,7 @@ body {
   width: 100vw;
   box-shadow: none;
   z-index: 250;
-  transition: transform 0.5s ease-out;
+  transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
 #main-view-handler .handle {
   background-color: #d8d8d8;