fix: fixed width resizing of colorpicker (#9233)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>

packages/ui/components/form/color-picker/colorpicker.tsx

@@ -30,7 +30,7 @@ const ColorPicker = (props: ColorPickerProps) => {
   return (
     <div className="mt-1 flex h-[38px] items-center justify-center">
       <Popover.Root>
-        <div className="border-default flex h-full w-10 items-center items-center justify-center border ltr:rounded-l-md ltr:border-r-0 rtl:rounded-r-md rtl:border-l-0">
+        <div className="border-default min-w-9 flex h-full items-center justify-center border ltr:rounded-l-md ltr:border-r-0 rtl:rounded-r-md rtl:border-l-0">
           <Popover.Trigger asChild>
             <button
               className="h-5 w-5 rounded-sm"