diff --git a/src/client/page/login.gleam b/src/client/page/login.gleam
index 4b63ba4..c376fa7 100644
--- a/src/client/page/login.gleam
+++ b/src/client/page/login.gleam
@@ -153,6 +153,7 @@ pub fn view(model: Model, lang: lang.Language) -> element.Element(Msg) {
             html.text("Email"),
             html.input([
               event.on_input(UserTypedEmail),
+              attr.required(True),
               attr.type_("email"),
               attr.value(model.email),
               attr.placeholder({
@@ -168,6 +169,7 @@ pub fn view(model: Model, lang: lang.Language) -> element.Element(Msg) {
               }),
               class("py-1 px-2 bg-gray-100 rounded-md text-subtext"),
               class("text-sm font-light placeholder:text-gray-400"),
+              class("user-invalid:outline user-invalid:outline-danger"),
             ]),
           ]),
 
@@ -182,11 +184,13 @@ pub fn view(model: Model, lang: lang.Language) -> element.Element(Msg) {
 
             html.input([
               event.on_input(UserTypedPassword),
+              attr.required(True),
               attr.type_("password"),
               attr.value(model.password),
               attr.placeholder("********"),
               class("py-1 px-2 bg-gray-100 rounded-md text-subtext"),
               class("text-sm font-light placeholder:text-gray-400"),
+              class("user-invalid:outline-1 user-invalid:outline-danger"),
             ]),
           ]),
         ]),