diff --git a/client/src/client/page/signup.gleam b/client/src/client/page/signup.gleam
index 9f2a0e7..07e65c8 100644
--- a/client/src/client/page/signup.gleam
+++ b/client/src/client/page/signup.gleam
@@ -314,11 +314,15 @@ fn view_form_text_input(
     html.div([class("flex gap-2 justify-center items-center")], [
       html.input([
         class("peer/input"),
+
         class("px-2 w-full text-lg text-white"),
         class("rounded-md border border-surface2"),
-        class("focus:outline-0 focus:border-accent"),
         class("placeholder:text-surface1 placeholder:text-lg"),
 
+        class("focus-visible:outline-1"),
+        class("invalid:outline-red valid:outline-green"),
+        class("invalid:focus-visible:outline-yellow"),
+
         attr.required(True),
         attr.placeholder(placeholder),
         attr.value(value),