diff --git a/src/browser/base/content/zen-popupset.inc.xhtml b/src/browser/base/content/zen-popupset.inc.xhtml
index 95a0b0f39..ac464d782 100644
--- a/src/browser/base/content/zen-popupset.inc.xhtml
+++ b/src/browser/base/content/zen-popupset.inc.xhtml
@@ -91,7 +91,7 @@
           <box data-algo="analogous" data-num-dots="3" data-position="167,201" style="background: linear-gradient(135deg, #a03fe0, #382b5c);"></box>
           <box data-algo="analogous" data-num-dots="3" data-position="90,170" style="background: linear-gradient(135deg, #c57aa3, #af824f);"></box>
           <box data-algo="splitComplementary" data-num-dots="3" data-position="83,103" style="background: linear-gradient(135deg, #1e90ff, #968a4a);"></box>
-          <box data-algo="analogous" data-num-dots="3" data-position="219,99" style="background: linear-gradient(135deg, #a07a48, #ab80e4);"></box>
+          <box data-algo="analogous" data-num-dots="3" data-position="186,186" style="background: linear-gradient(135deg, #a07a48, #ab80e4);"></box>
           <box data-algo="float" data-num-dots="1" data-position="196,176" style="background: #7bcbda;"></box>
           <box data-algo="float" data-num-dots="1" data-position="116,167" style="background: #be9ac9;"></box>
           <box data-algo="float" data-num-dots="1" data-position="122,110" style="background: #cdcea1;"></box>
diff --git a/src/browser/base/zen-components/ZenGradientGenerator.mjs b/src/browser/base/zen-components/ZenGradientGenerator.mjs
index 763cb822c..f7c401af7 100644
--- a/src/browser/base/zen-components/ZenGradientGenerator.mjs
+++ b/src/browser/base/zen-components/ZenGradientGenerator.mjs
@@ -530,8 +530,6 @@
 
         if (existingDot) {
           existingDot.position = dotPosition.position;
-          existingDot.element.style.left = `${dotPosition.position.x}px`;
-          existingDot.element.style.top = `${dotPosition.position.y}px`;
           const colorFromPos = this.getColorFromPosition(dotPosition.position.x, dotPosition.position.y);
           existingDot.element.style.setProperty(
             '--zen-theme-picker-dot-color',
@@ -551,6 +549,9 @@
                 bounce: 0.3,
               }
             );
+          } else {
+            existingDot.element.style.left = `${dotPosition.position.x}px`;
+            existingDot.element.style.top = `${dotPosition.position.y}px`;
           }
         } else {
           this.spawnDot(dotPosition.position);