diff --git a/platform/mv3/extension/css/settings.css b/platform/mv3/extension/css/settings.css
index 4c370f6c1..37606a1cb 100644
--- a/platform/mv3/extension/css/settings.css
+++ b/platform/mv3/extension/css/settings.css
@@ -91,6 +91,7 @@ body:not(.committing) #commit-spinner {
     }
 body.committing #commit-spinner {
     animation: spin 1s steps(8) infinite;
+    fill: var(--accent-surface-1);
     }
 #dnrError {
     color: var(--info3-ink);
diff --git a/platform/mv3/extension/dashboard.html b/platform/mv3/extension/dashboard.html
index 038804b10..a2b13dfb1 100644
--- a/platform/mv3/extension/dashboard.html
+++ b/platform/mv3/extension/dashboard.html
@@ -30,7 +30,7 @@
         </nav>
         <!-- -------- -->
         <div data-pane-related="rulesets">
-            <p><span id="listsOfBlockedHostsPrompt"></span> <span id="commit-spinner" class="fa-icon">spinner</span></p>
+            <p><span id="commit-spinner" class="fa-icon">spinner</span> <span id="listsOfBlockedHostsPrompt"></span></p>
             <p id="dnrError"></p>
             <p><input id="findInLists" type="search" spellcheck="false" placeholder="findListsPlaceholder" /></p>
         </div>