diff --git a/src/app/components/text-input-field.tsx b/src/app/components/text-input-field.tsx
index b6aa82184f5..569b7e190d5 100644
--- a/src/app/components/text-input-field.tsx
+++ b/src/app/components/text-input-field.tsx
@@ -55,12 +55,13 @@ export function TextInputField({
           right: '-1px',
           top: '-1px',
           bottom: '-1px',
+          zIndex: -1,
         }}
         border="default"
         borderRadius="sm"
         className={css({
           '& :has(:focus)::before': {
-            border: '2px solid #bfc6ff',
+            border: '1px solid green',
           },
         })}
         cursor="text"