diff --git a/php/public/style.css b/php/public/style.css
index df817210..81ce3592 100644
--- a/php/public/style.css
+++ b/php/public/style.css
@@ -272,6 +272,7 @@ form {
 
 input[type="text"],
 input[type="password"],
+input[type="email"],
 select {
     padding-left: 8px;
     padding-right: 8px;
@@ -285,6 +286,7 @@ select {
 
 input[type="text"]:hover,
 input[type="password"]:hover,
+input[type="email"]:hover,
 select:hover {
     border: var(--border-hover) solid var(--color-main-border-hover);
 }
@@ -297,6 +299,7 @@ textarea {
 
 input[type="text"]:focus,
 input[type="password"]:focus,
+input[type="email"]:focus,
 textarea:focus,
 select:focus {
     border: 1px solid var(--color-main-border);
@@ -550,6 +553,21 @@ body.modal-open {
     padding: 1.5rem;
 }
 
+/* Stack the deSEC form controls, each on its own line, instead of letting the
+   inline-block inputs flow side by side. */
+.desec-modal-body form.xhr {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.desec-modal-body form.xhr input[type="text"],
+.desec-modal-body form.xhr input[type="email"],
+.desec-modal-body form.xhr input[type="password"] {
+    width: 100%;
+    box-sizing: border-box;
+}
+
 .overlay-iframe {
     padding: 1rem;
     font-family: monospace, system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';