diff --git a/web/src/pages/settings/Geraetemarken.jsx b/web/src/pages/settings/Geraetemarken.jsx
index 4c6e908..3440588 100644
--- a/web/src/pages/settings/Geraetemarken.jsx
+++ b/web/src/pages/settings/Geraetemarken.jsx
@@ -96,13 +96,15 @@ export default function Geraetemarken() {
       </div>
       <p className="muted small">{t("tokens.intro")}</p>
 
-      <form className="row" style={{ gap: "var(--sp-2)", alignItems: "flex-end" }} onSubmit={anlegen}>
-        <label className="grow">
+      {/* Gestapelt statt nebeneinander: Die Karte steht in einer schmalen
+          Spalte, waagerecht quetschen sich Beschriftung und Feld ineinander. */}
+      <form onSubmit={anlegen}>
+        <label className="field">
           <span>{t("tokens.name")}</span>
           <input value={name} placeholder={t("tokens.namePlaceholder")}
                  onChange={(e) => setName(e.target.value)} />
         </label>
-        <label>
+        <label className="field">
           <span>{t("tokens.defaultAccount")}</span>
           <select value={konto} onChange={(e) => setKonto(e.target.value)}>
             {konten.map((k) => <option key={k.id} value={k.id}>{k.name}</option>)}