diff --git a/web/src/finance.css b/web/src/finance.css
index 357ea95..bfa6d91 100644
--- a/web/src/finance.css
+++ b/web/src/finance.css
@@ -1328,12 +1328,11 @@ tr.row-dup {
 .titelzeile > .ellipsis {
   min-width: 0;
 }
+/* Aussehen kommt von `.badge` – dieselbe Pille wie überall sonst. Hier steht
+   nur, wie sie sich in der Titelzeile verhält: nicht schrumpfen, nicht
+   umbrechen. Eng wird zuerst der Titel, denn ein halbes „Datei-Imp…" nützt
+   niemandem, ein gekürzter Titel bleibt lesbar. */
 .herkunft {
   flex: 0 0 auto;
-  padding: 0 6px;
-  border: 1px solid var(--border-strong);
-  border-radius: var(--radius-sm);
-  font-size: inherit;
-  color: var(--muted);
   white-space: nowrap;
 }
diff --git a/web/src/pages/Transactions.jsx b/web/src/pages/Transactions.jsx
index eaa219f..bb8d980 100644
--- a/web/src/pages/Transactions.jsx
+++ b/web/src/pages/Transactions.jsx
@@ -266,7 +266,7 @@ export default function Transactions() {
                   stapeln macht die Zeilen hoch und den Blick eng. */}
               <div className="titelzeile">
                 <span className="ellipsis">{l.title}</span>
-                <span className="herkunft">{t(`todo.from.${tx.herkunft}`, {
+                <span className="badge herkunft">{t(`todo.from.${tx.herkunft}`, {
                   defaultValue: tx.herkunft,
                 })}</span>
               </div>