diff --git a/global.css b/global.css
index e934ea97..cd6c9f0f 100644
--- a/global.css
+++ b/global.css
@@ -308,15 +308,27 @@ summary {
   position: absolute;
 }
 
-.all-disabled #disableAll {
-  border-color: var(--red1);
-}
 .all-disabled #disableAll-label {
+  position: relative;
+  background: var(--red1);
+  width: 100%;
+  color: #fff;
   font-weight: bold;
-  color: var(--red1);
+}
+.all-disabled #disableAll-label::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: var(--outer-padding, 1rem) solid var(--red1);
+  margin: calc(-1 * var(--outer-padding, 1rem));
 }
 .all-disabled #disableAll-label .svg-icon {
-  fill: currentColor;
+  fill: #fff;
+}
+.all-disabled #disableAll {
+  border-color: #fff;
 }
 
 :focus,
diff --git a/manage.html b/manage.html
index e7a7a0e5..ff1f9de6 100644
--- a/manage.html
+++ b/manage.html
@@ -350,12 +350,10 @@
         <span><a href="https://www.transifex.com/github-7/Stylus" target="_blank" i18n="linkTranslate"></a></span>
       </div>
 
-      <p>
-        <label id="disableAll-label" i18n="disableAllStyles">
-          <input id="disableAll" type="checkbox">
-          <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
-        </label>
-      </p>
+      <label id="disableAll-label" i18n="disableAllStyles" hidden>
+        <input id="disableAll" type="checkbox">
+        <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
+      </label>
     </div>
   </div>
 
diff --git a/manage/manage.css b/manage/manage.css
index 9d49b73a..28687852 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -69,6 +69,11 @@ a:hover {
   text-align: left;
 }
 
+#disableAll-label:not([hidden]) {
+  display: block;
+  margin-top: 1rem;
+}
+
 #header h1 {
   margin-top: 0;
   margin-bottom: .3em;
diff --git a/manage/manage.js b/manage/manage.js
index fcf9e3c2..055c6718 100644
--- a/manage/manage.js
+++ b/manage/manage.js
@@ -71,6 +71,11 @@ newUI.renderClass();
     router.makeToggle('update-history', (...args) => showUpdateHistory(...args), [
       '/manage/updater-ui', /* global showUpdateHistory */
     ]);
+  if (prefs.get('disableAll')) {
+    $('#disableAll-label').hidden = false;
+  } else {
+    prefs.subscribe('disableAll', () => ($('#disableAll-label').hidden = false));
+  }
   $$('#header a[href^="http"]').forEach(a => (a.onclick = Events.external));
   window.on('pageshow', handleVisibilityChange);
   window.on('pagehide', handleVisibilityChange);
diff --git a/popup/popup.css b/popup/popup.css
index adc03908..d45dc054 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -36,7 +36,7 @@ body:not(.blocked) .if-blocked,
   z-index: 4;
 }
 #main-actions > * {
-  margin-top: .75em;
+  margin-top: var(--outer-padding);
   padding-left: var(--inner-padding);
   display: block;
 }
@@ -45,12 +45,6 @@ body:not(.blocked) .if-blocked,
   width: fit-content;
   position: relative;
 }
-.all-disabled #installed:hover + #main-actions #disableAll-label {
-  animation: .5s blink-red infinite;
-}
-@keyframes blink-red {
-  50% { color: var(--fg); }
-}
 
 #no-styles {
   padding: 6px var(--outer-padding);