From 672a88fc0289308ffdf9e9a951d4b43a76029dce Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Sun, 18 Jan 2026 18:24:21 +0100
Subject: [PATCH] [dyad] Fixing position grid point sizes - wrote 1 file(s)

---
 src/components/object-position-control.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/object-position-control.tsx b/src/components/object-position-control.tsx
index 023fa0c..d67cee1 100644
--- a/src/components/object-position-control.tsx
+++ b/src/components/object-position-control.tsx
@@ -39,9 +39,12 @@ export function ObjectPositionControl({ value, onChange }: ObjectPositionControl
           )}
           aria-label={`Set object position to ${pos.replace(' ', ' ')}`}
         >
-          {value === pos && (
-            <div className="w-2 h-2 rounded-full bg-primary ring-1 ring-primary-foreground" />
-          )}
+          <div
+            className={cn(
+              "w-2 h-2 rounded-full transition-colors",
+              value === pos ? "bg-primary ring-1 ring-primary-foreground" : "bg-muted-foreground/20"
+            )}
+          />
         </button>
       ))}
     </div>