Fixed selecting the correct dot

src/browser/base/content/zen-styles/zen-gradient-generator.css

@@ -188,7 +188,7 @@
     transition: transform 0.2s;
     transform: translate(-50%, -50%);
 
-    &.primary {
+    &:first-of-type {
       width: 28px;
       height: 28px;
       border-width: 3px;

src/browser/base/zen-components/ZenGradientGenerator.mjs

@@ -309,7 +309,6 @@
           existingPrimaryDot.ID = this.dots.length;
           existingPrimaryDot.element.classList.remove('primary');
         }
-        dot.classList.add('primary');
       }
 
       const colorFromPos = this.getColorFromPosition(relativePosition.x, relativePosition.y);