diff --git a/gtk-3.0/_common.scss b/gtk-3.0/_common.scss
index e0e9303..37e9a9a 100755
--- a/gtk-3.0/_common.scss
+++ b/gtk-3.0/_common.scss
@@ -9,6 +9,7 @@
 $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 $asset_suffix: if($variant=='dark', '-dark', '');
 $backdrop_transition: 200ms ease-out;
+$sidebar_backdrop_transition: 200ms $ease-out-quad;
 $button_transition: all 200ms $ease-out-quad;
 
 * {
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index 4725650..6331a87 100755
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -4001,7 +4001,7 @@ treeview ~ scrollbar.vertical {
   .sidebar:backdrop {
     background-color: #181b28;
     border-color: rgba(13, 16, 23, 0.82);
-    transition: 200ms ease-out; }
+    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   .sidebar row {
     padding: 8px 12px;
     transition: all .12s ease-in; }
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index 4725650..6331a87 100755
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -4001,7 +4001,7 @@ treeview ~ scrollbar.vertical {
   .sidebar:backdrop {
     background-color: #181b28;
     border-color: rgba(13, 16, 23, 0.82);
-    transition: 200ms ease-out; }
+    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   .sidebar row {
     padding: 8px 12px;
     transition: all .12s ease-in; }
diff --git a/gtk-3.0/widgets/_sidebar.scss b/gtk-3.0/widgets/_sidebar.scss
index 8699e64..2ae8b7b 100644
--- a/gtk-3.0/widgets/_sidebar.scss
+++ b/gtk-3.0/widgets/_sidebar.scss
@@ -28,7 +28,7 @@
   &:backdrop {
     background-color: $backdrop_sidebar_bg_color;
     border-color: $backdrop_borders_color;
-    transition: $backdrop_transition;
+    transition: $sidebar_backdrop_transition;
   }
 
   row{