fix: allow users to click input when populated, closes #4582

leather-io · Nov 28, 2023 · 222a854 · 222a854
1 parent 97854b0
commit 222a854
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/components/text-input-field.tsx b/src/app/components/text-input-field.tsx
@@ -61,7 +61,7 @@ export function TextInputField({
         borderRadius="sm"
         className={css({
           '& :has(:focus)::before': {
-            border: '2px solid #bfc6ff',
+            border: '1px solid green',
           },
         })}
         cursor="text"
@@ -124,6 +124,7 @@ export function TextInputField({
           spellCheck="false"
           textStyle="body.02"
           width="100%"
+          zIndex={1}
           {...field}
           onBlur={e => {
             onBlur?.();