diff --git a/apps/playground-web/src/app/connect/sign-in/components/ColorFormGroup.tsx b/apps/playground-web/src/app/connect/sign-in/components/ColorFormGroup.tsx
index 0cc3a2129cd..4ad281bbb57 100644
--- a/apps/playground-web/src/app/connect/sign-in/components/ColorFormGroup.tsx
+++ b/apps/playground-web/src/app/connect/sign-in/components/ColorFormGroup.tsx
@@ -64,14 +64,13 @@ export function ColorFormGroup(props: {
                 <div className="flex flex-col gap-2 pb-4">
                   {colorSection.colors.map((color) => {
                     return (
+                      // biome-ignore lint/a11y/noLabelWithoutControl: input is inside the label, so no need to add id
                       <label
                         className="flex cursor-pointer items-center gap-3 rounded-lg p-2 transition-colors hover:bg-secondary"
                         key={color.colorId}
-                        htmlFor="color-input"
                       >
                         <div className="rounded-full border">
                           <ColorInput
-                            id="color-input"
                             className="size-10"
                             value={themeObj.colors[color.colorId]}
                             onChange={(value) => {
diff --git a/apps/playground-web/src/app/connect/sign-in/components/ColorInput/index.tsx b/apps/playground-web/src/app/connect/sign-in/components/ColorInput/index.tsx
index 599019fc086..8905f2a14ef 100644
--- a/apps/playground-web/src/app/connect/sign-in/components/ColorInput/index.tsx
+++ b/apps/playground-web/src/app/connect/sign-in/components/ColorInput/index.tsx
@@ -7,7 +7,6 @@ export function ColorInput(props: {
   onChange: (value: string) => void;
   onClick?: () => void;
   className?: string;
-  id?: string;
 }) {
   const debouncedOnChange = useDebouncedCallback((value) => {
     props.onChange(value);
@@ -15,7 +14,6 @@ export function ColorInput(props: {
 
   return (
     <input
-      id={props.id}
       onChange={(e) => {
         debouncedOnChange(e.target.value);
       }}