diff --git a/services/web/frontend/stylesheets/abstracts/mixins.scss b/services/web/frontend/stylesheets/abstracts/mixins.scss
index 1c4bb08c6f..6c61d20e5e 100644
--- a/services/web/frontend/stylesheets/abstracts/mixins.scss
+++ b/services/web/frontend/stylesheets/abstracts/mixins.scss
@@ -18,7 +18,10 @@
   $border: $background,
   $hover-background: $background,
   $hover-border: $hover-background,
-  $borderless: true
+  $borderless: true,
+  $disabled-color: $content-disabled,
+  $disabled-background: $bg-light-disabled,
+  $disabled-border: $bg-light-disabled
 ) {
   --bs-btn-color: #{$color};
   --bs-btn-bg: #{$background};
@@ -29,9 +32,9 @@
   --bs-btn-active-color: #{$color};
   --bs-btn-active-bg: #{$hover-background};
   --bs-btn-active-border-color: #{$hover-border};
-  --bs-btn-disabled-color: var(--content-disabled);
-  --bs-btn-disabled-bg: var(--bg-light-disabled);
-  --bs-btn-disabled-border-color: var(--bg-light-disabled);
+  --bs-btn-disabled-color: #{$disabled-color};
+  --bs-btn-disabled-bg: #{$disabled-background};
+  --bs-btn-disabled-border-color: #{$disabled-border};
 
   @if $borderless {
     --bs-btn-border-width: 0;
diff --git a/services/web/frontend/stylesheets/pages/editor/rail.scss b/services/web/frontend/stylesheets/pages/editor/rail.scss
index fc4f28d4d2..cd95996120 100644
--- a/services/web/frontend/stylesheets/pages/editor/rail.scss
+++ b/services/web/frontend/stylesheets/pages/editor/rail.scss
@@ -30,7 +30,10 @@ body {
       transparent,
       var(--ide-rail-header-subdued-button-hover-background),
       transparent,
-      true
+      true,
+      var(--content-disabled-themed),
+      var(--bg-disabled-themed),
+      var(--bg-disabled-themed)
     );
   }
 }