From 59a04137a1d38b080c595c834b2c9025c2753ca5 Mon Sep 17 00:00:00 2001
From: Ayush Mainali <49358949+AyushMainali123@users.noreply.github.com>
Date: Thu, 1 Jun 2023 20:38:39 +0545
Subject: [PATCH] fix: fixed width resizing of colorpicker (#9233)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 packages/ui/components/form/color-picker/colorpicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/components/form/color-picker/colorpicker.tsx b/packages/ui/components/form/color-picker/colorpicker.tsx
index 6cdfe3752f..561a6c9267 100644
--- a/packages/ui/components/form/color-picker/colorpicker.tsx
+++ b/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"