diff --git a/app/src/assets/scss/_protyle.scss b/app/src/assets/scss/_protyle.scss
index ad3d82d88..d36ac40a5 100644
--- a/app/src/assets/scss/_protyle.scss
+++ b/app/src/assets/scss/_protyle.scss
@@ -330,7 +330,7 @@
     display: flex;
     position: absolute;
     height: 80px;
-    transition: left .15s cubic-bezier(0, 0, .2, 1) 0ms;
+    transition: left .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
 
     .protyle-icons {
       position: initial;
@@ -347,7 +347,7 @@
   margin: 34px 16px 0 24px;
   position: relative;
   font-size: 16px;
-  transition: margin .15s cubic-bezier(0, 0, .2, 1) 0ms;
+  transition: margin .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
 
   &:hover .protyle-title__icon {
     opacity: 1;