diff --git a/src/zen/boosts/ZenBoostsEditor.mjs b/src/zen/boosts/ZenBoostsEditor.mjs
index f362abe13..723229743 100644
--- a/src/zen/boosts/ZenBoostsEditor.mjs
+++ b/src/zen/boosts/ZenBoostsEditor.mjs
@@ -690,7 +690,6 @@ ${cssSelector} {
     this.currentBoostData.changeWasMade = true;
 
     this.currentBoostData.enableColorBoost = true;
-    this.updateButtonToggleVisuals();
 
     if (event.target.id == "zen-boost-magic-theme") {
       this.currentBoostData.autoTheme = !this.currentBoostData.autoTheme;
@@ -699,6 +698,7 @@ ${cssSelector} {
       this.setDotPos(event.clientX, event.clientY, !this.wasDragging);
     }
 
+    this.updateButtonToggleVisuals();
     this.wasDragging = false;
   }
 
diff --git a/src/zen/boosts/zen-boosts.css b/src/zen/boosts/zen-boosts.css
index d82f0e48e..f0b3c43ba 100644
--- a/src/zen/boosts/zen-boosts.css
+++ b/src/zen/boosts/zen-boosts.css
@@ -17,8 +17,8 @@
 }
 
 #zenBoostWindow[editor="boost"] {
-  min-width: 192px;
-  max-width: 192px;
+  min-width: 184px;
+  max-width: 184px;
 }
 
 #zenBoostWindow[editor="code"] {
@@ -239,9 +239,9 @@ body {
 }
 
 #zen-boost-filter-wrapper {
-  padding: 20px;
+  padding: 16px;
   gap: 14px;
-  padding-top: 10px;
+  padding-top: 6px;
 
   background-color: #fcfcfe;