diff --git a/web/components/accounts-table.tsx b/web/components/accounts-table.tsx
index 7278310..57bb8c2 100644
--- a/web/components/accounts-table.tsx
+++ b/web/components/accounts-table.tsx
@@ -237,10 +237,23 @@ export default function AccountsTable({ initial, prefixPattern }: Props) {
           const k = (f: string) => `${row.username}::${f}`;
           return (
             <div key={row.username} className="rounded-2xl bg-white p-5 ring-1 ring-zinc-200/60">
-              <div className="flex items-center justify-between gap-2">
-                <span className="font-mono text-base font-semibold text-zinc-900">
-                  {row.username}
-                </span>
+              <div className="flex items-center justify-between gap-3">
+                <div className="flex min-w-0 items-center gap-3">
+                  <span className="shrink-0 font-mono text-base font-semibold text-zinc-900">
+                    {row.username}
+                  </span>
+                  <div className="min-w-0 flex-1">
+                    <EditableCell
+                      value={row.status}
+                      label={`status for ${row.username}`}
+                      isCurrentlyEditing={editingKey === k("status")}
+                      onEditStart={() => setEditingKey(k("status"))}
+                      onEditEnd={() => setEditingKey(null)}
+                      onSave={(v) => saveCell(row.username, "status", v)}
+                      renderView={(v) => <StatusBadge status={v} />}
+                    />
+                  </div>
+                </div>
                 <DeleteButton
                   label={row.username}
                   onClick={() => {
@@ -260,17 +273,6 @@ export default function AccountsTable({ initial, prefixPattern }: Props) {
                     onSave={(v) => saveCell(row.username, "password", v)}
                   />
                 </CardRow>
-                <CardRow label="Status">
-                  <EditableCell
-                    value={row.status}
-                    label={`status for ${row.username}`}
-                    isCurrentlyEditing={editingKey === k("status")}
-                    onEditStart={() => setEditingKey(k("status"))}
-                    onEditEnd={() => setEditingKey(null)}
-                    onSave={(v) => saveCell(row.username, "status", v)}
-                    renderView={(v) => <StatusBadge status={v} />}
-                  />
-                </CardRow>
                 <CardRow label="Link">
                   <EditableCell
                     value={row.link}