diff --git a/edit.html b/edit.html
index 5279bc91..43171866 100644
--- a/edit.html
+++ b/edit.html
@@ -4,18 +4,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <link href="global.css" rel="stylesheet">
-
-    <style id="firefox-transitions-bug-suppressor">
-      /* restrict to FF */
-      @supports (-moz-appearance:none) {
-        /* increased specificity to override sane selectors in user styles */
-        html#stylus.firefox #stylus-edit #header *,
-        html#stylus.firefox #stylus-edit #sections * {
-          transition: none !important;
-        }
-      }
-    </style>
-
     <link id="cm-theme" rel="stylesheet">
 
     <script src="js/polyfill.js"></script>
diff --git a/global.css b/global.css
index 46999524..470525b1 100644
--- a/global.css
+++ b/global.css
@@ -1,3 +1,9 @@
+html#stylus #stylus-manage #header *:not(#\0) {
+  /* This suppresses transitions on page open.
+   * WARNING! Must be the first rule here so dom.js can simply call deleteRule for index 0.
+   * Using an increased specificity to override sane selectors in user styles */
+  transition: none !important;
+}
 body {
   font: normal 12px Arial, system-ui, sans-serif;
 }
diff --git a/js/dom.js b/js/dom.js
index 38f44e78..e3ab43f1 100644
--- a/js/dom.js
+++ b/js/dom.js
@@ -3,9 +3,10 @@
 'use strict';
 
 /* exported
-  $$remove
   $createLink
   $isTextInput
+  $remove
+  $$remove
   animateElement
   getEventKeyName
   messageBoxProxy
@@ -431,11 +432,13 @@ async function waitForSheet({
   });
 
   onDOMready().then(() => {
-    $remove('#firefox-transitions-bug-suppressor');
     debounce(addTooltipsToEllipsized, 500);
     window.on('resize', () => debounce(addTooltipsToEllipsized, 100));
   });
 
+  // Using `load` event as we need transition bug suppressor active until everything loads
+  window.on('load', () => $('link[href^="global.css"]').sheet.deleteRule(0), {once: true});
+
   function addFaviconFF() {
     const iconset = ['', 'light/'][prefs.get('iconset')] || '';
     for (const size of [38, 32, 19, 16]) {
diff --git a/manage.html b/manage.html
index 751f7e80..6b541781 100644
--- a/manage.html
+++ b/manage.html
@@ -6,16 +6,6 @@
   <title i18n-text="manageTitle"></title>
   <link rel="stylesheet" href="global.css">
 
-  <style id="firefox-transitions-bug-suppressor">
-    /* restrict to FF */
-    @supports (-moz-appearance:none) {
-      /* increased specificity to override sane selectors in user styles */
-      html#stylus.firefox #stylus-manage #header * {
-        transition: none !important;
-      }
-    }
-  </style>
-
   <!-- Notes:
     * Chrome doesn't garbage-collect (or even leaks) SVG <symbol> referenced via <use> so we'll embed the code directly
     * inter-tag whitespace in templates is automatically removed in localization.js
diff --git a/options.html b/options.html
index f441761f..9a9dfe17 100644
--- a/options.html
+++ b/options.html
@@ -6,16 +6,6 @@
   <title i18n-text-append="optionsHeading">Stylus </title>
   <link rel="stylesheet" href="global.css">
 
-  <style id="firefox-transitions-bug-suppressor">
-    /* restrict to FF */
-    @supports (-moz-appearance:none) {
-      /* increased specificity to override sane selectors in user styles */
-      html#stylus.firefox #options *, #stylus #notes * {
-        transition: none !important;
-      }
-    }
-  </style>
-
   <script src="js/polyfill.js"></script>
   <script src="js/toolbox.js"></script>
   <script src="js/msg.js"></script>
diff --git a/popup.html b/popup.html
index 3fa48bae..1bdb3fe5 100644
--- a/popup.html
+++ b/popup.html
@@ -6,16 +6,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="global.css">
 
-  <style id="firefox-transitions-bug-suppressor">
-    /* restrict to FF */
-    @supports (-moz-appearance:none) {
-      /* increased specificity to override sane selectors in user styles */
-      html#stylus.firefox #stylus-popup #actions * {
-        transition: none !important;
-      }
-    }
-  </style>
-
   <template data-id="style">
     <div class="entry">
       <div class="entry-content">