diff --git a/src/mol-plugin/skin/base/components/controls-base.scss b/src/mol-plugin/skin/base/components/controls-base.scss
index 89270c23ea34c4771530e6f16f73ac36c14296aa..1165dd4557052997123aabdfe42bf83b126e3565 100644
--- a/src/mol-plugin/skin/base/components/controls-base.scss
+++ b/src/mol-plugin/skin/base/components/controls-base.scss
@@ -4,6 +4,12 @@
     border: none;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
+
+    
+    &[disabled] {
+        background: $default-background;
+        opacity: 0.35;
+    }
 }
 
 .msp-btn, .msp-btn:active, .msp-btn-link:focus, .msp-btn:hover {