diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index d28a9485..8591ab5f 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -432,6 +432,9 @@ body {
   min-width: 0 !important;
   max-width: 100% !important;
   flex: 0 0 100% !important;
+  transition:
+    all 0.3s,
+    background 0s;
 }
 
 .dashboard-sider.ant-layout-sider-collapsed {
@@ -1022,11 +1025,11 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
 .farmcontrol-splitter.ant-splitter-horizontal.is-size-transitioning
   .ant-splitter-panel {
   transition:
-    --dashboard-splitter-sidebar-size 0.15s ease-in-out,
-    flex-basis 0.15s ease-in-out,
-    width 0.15s ease-in-out,
-    min-width 0.15s ease-in-out,
-    max-width 0.15s ease-in-out;
+    --dashboard-splitter-sidebar-size 0.3s ease-in-out,
+    flex-basis 0.3s ease-in-out,
+    width 0.3s ease-in-out,
+    min-width 0.3s ease-in-out,
+    max-width 0.3s ease-in-out;
 }
 
 @property --dashboard-splitter-sidebar-size {