diff --git a/web/src/finance.css b/web/src/finance.css
index 59c8a9f..a406b7d 100644
--- a/web/src/finance.css
+++ b/web/src/finance.css
@@ -51,6 +51,13 @@
 }
 .input-with-button > input {
   flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Flex-Kinder dürfen schrumpfen – sonst drängt ein 100%-breites select/input
+   ein danebenliegendes Feld auf 0 (das war der Grund für das winzige IBAN-Feld). */
+.row > * {
+  min-width: 0;
 }
 
 /* Leerer Zustand (z. B. Dashboard ohne Karten). */
diff --git a/web/src/pages/Accounts.jsx b/web/src/pages/Accounts.jsx
index da319f4..57625bd 100644
--- a/web/src/pages/Accounts.jsx
+++ b/web/src/pages/Accounts.jsx
@@ -229,7 +229,7 @@ export default function Accounts() {
             <label style={{ marginBottom: 6 }}><span>{t("accounts.identifiers")}</span></label>
             {form.identifiers.map((ident, idx) => (
               <div className="row" key={idx} style={{ marginBottom: 6 }}>
-                <select style={{ minWidth: 130 }} value={ident.kind}
+                <select style={{ flex: "0 0 150px", width: "auto" }} value={ident.kind}
                         onChange={(e) => {
                           const next = [...form.identifiers];
                           next[idx] = { ...ident, kind: e.target.value };
@@ -239,7 +239,8 @@ export default function Accounts() {
                   <option value="account_no">{t("identifierKinds.account_no")}</option>
                   <option value="card_no">{t("identifierKinds.card_no")}</option>
                 </select>
-                <input className="grow" value={ident.value}
+                <input className="grow" style={{ minWidth: 0 }} value={ident.value}
+                       placeholder="DE.. / Nr."
                        onChange={(e) => {
                          const next = [...form.identifiers];
                          next[idx] = { ...ident, value: e.target.value };