fix(input): Fix left icon not being displayed in the text-input

abusix · Sep 22, 2023 · 0224afa · 0224afa
1 parent 09363e0
commit 0224afa
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/form-field/text-input/text-input.tsx b/src/components/form-field/text-input/text-input.tsx
@@ -60,10 +60,10 @@ export const TextInput = ({
         <div className={classNames("relative w-full", formFieldGroupStyles)}>
             {LeftIcon ? (
                 <div
-                    className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"
+                    className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 z-20"
                     aria-hidden="true"
                 >
-                    <LeftIcon className="text-gray-400 h-4 w-4 fill-neutral-600" />
+                    <LeftIcon className="text-gray-400 h-3.5 w-3.5 fill-neutral-600" />
                 </div>
             ) : null}