From 5bfa940b673b501eb79b8ebfcf689e222a157f3f Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Wed, 1 Feb 2023 16:34:28 -0800
Subject: [PATCH] fix: clicking on chevron not working for normal select

---
 libs/ui-toolkit/src/components/select/select.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/libs/ui-toolkit/src/components/select/select.tsx b/libs/ui-toolkit/src/components/select/select.tsx
index 13691624f..8fb5f0fae 100644
--- a/libs/ui-toolkit/src/components/select/select.tsx
+++ b/libs/ui-toolkit/src/components/select/select.tsx
@@ -15,7 +15,7 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
 
 export const Select = forwardRef<HTMLSelectElement, SelectProps>(
   ({ className, hasError, ...props }, ref) => (
-    <div className="flex items-center relative">
+    <div className="relative">
       <select
         ref={ref}
         {...props}
@@ -25,7 +25,10 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>(
           'appearance-none rounded-md'
         )}
       />
-      <Icon name="chevron-down" className="absolute right-4 z-10" />
+      <Icon
+        name="chevron-down"
+        className="absolute top-3 right-4 z-10 pointer-events-none"
+      />
     </div>
   )
 );