diff --git a/web/src/views/ProfileView.vue b/web/src/views/ProfileView.vue
index 5605d64..a9b5c82 100644
--- a/web/src/views/ProfileView.vue
+++ b/web/src/views/ProfileView.vue
@@ -199,16 +199,20 @@ async function onRemovePasskey(passkey: Passkey) {
           </li>
         </ul>
 
-        <form class="form form--new-card" @submit.prevent="onAddPasskey">
-          <label>
-            <span>Label</span>
-            <input v-model="newLabel" class="field" type="text" maxlength="100" />
-          </label>
-          <p v-if="addError" class="form-error">{{ addError }}</p>
+        <form class="field-row form--new-card" @submit.prevent="onAddPasskey">
+          <input
+            v-model="newLabel"
+            class="field field--compact"
+            type="text"
+            maxlength="100"
+            placeholder="Passkey label"
+            aria-label="Passkey label"
+          />
           <button type="submit" :disabled="adding">
-            {{ adding ? 'Waiting for your passkey…' : 'Add a passkey' }}
+            {{ adding ? 'Waiting for your passkey…' : 'Add passkey' }}
           </button>
         </form>
+        <p v-if="addError" class="form-error">{{ addError }}</p>
       </template>
     </section>
   </section>