diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 581c80e..38d4139 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -811,7 +811,8 @@ code, pre, kbd, samp {
 .field-input:focus {
   outline: none;
   border-color: var(--mauve);
-  background: color-mix(in srgb, var(--rosewater) 70%, transparent);
+  background: color-mix(in srgb, var(--surface0) 85%, var(--mauve) 8%);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mauve) 22%, transparent);
 }
 .field-label {
   display: block;