diff --git a/web/src/views/ProfileView.vue b/web/src/views/ProfileView.vue
index 529d662..993ad55 100644
--- a/web/src/views/ProfileView.vue
+++ b/web/src/views/ProfileView.vue
@@ -140,24 +140,27 @@ async function onRemovePasskey(passkey: Passkey) {
         We'll email a confirmation link to the new address; the change only
         takes effect once you open it.
       </p>
-      <form class="form" @submit.prevent="onChangeEmail">
-        <label>
-          <span>New email</span>
-          <input v-model="newEmail" class="field" type="email" maxlength="255" required />
-          <small v-if="changeError?.fieldError('email')" class="field-error">
-            {{ changeError.fieldError('email') }}
-          </small>
-        </label>
-
-        <p v-if="changeError && Object.keys(changeError.details).length === 0" class="form-error">
-          {{ changeError.message }}
-        </p>
-        <p v-if="changeMessage" class="muted">{{ changeMessage }}</p>
-
+      <form class="field-row" @submit.prevent="onChangeEmail">
+        <input
+          v-model="newEmail"
+          class="field field--compact"
+          type="email"
+          maxlength="255"
+          required
+          placeholder="New email"
+          aria-label="New email"
+        />
         <button type="submit" :disabled="changing || cooldown > 0">
           {{ changing ? 'Sending…' : cooldown > 0 ? `Wait ${cooldown}s` : 'Send confirmation link' }}
         </button>
       </form>
+      <p v-if="changeError?.fieldError('email')" class="field-error">
+        {{ changeError.fieldError('email') }}
+      </p>
+      <p v-if="changeError && Object.keys(changeError.details).length === 0" class="form-error">
+        {{ changeError.message }}
+      </p>
+      <p v-if="changeMessage" class="muted">{{ changeMessage }}</p>
     </section>
 
     <section>