style: fix border adding width issue

HRemonen · Mar 30, 2024 · 6ea6bbb · 6ea6bbb
1 parent 4748973
commit 6ea6bbb
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/contrast/ColorPickerInput.tsx b/src/components/contrast/ColorPickerInput.tsx
@@ -11,7 +11,7 @@ const ColorPickerInput = ({ id, label, color, onChange }: ColorPickerProps) => {
           {label} HEX
         </label>
         <input
-          className='mr-2 h-10 w-[100%] appearance-none rounded-md border-gray-300 p-2 invalid:text-red-500 hover:border-2 hover:border-blue-600 dark:invalid:text-red-200 dark:hover:border-blue-300'
+          className='mr-2 h-10 w-[100%] appearance-none rounded-md border-2 border-transparent p-2 invalid:text-red-500 hover:border-2 hover:border-blue-600 dark:invalid:text-red-200 dark:hover:border-blue-300'
           style={{ backgroundColor: 'transparent' }}
           id={textInputId}
           type='text'