diff --git a/api/app/static/css/style.css b/api/app/static/css/style.css
index 3d69691..ab4ec24 100644
--- a/api/app/static/css/style.css
+++ b/api/app/static/css/style.css
@@ -101,8 +101,9 @@
 [data-theme="dark"] .navbar-brand { color: var(--text-primary); }
 [data-theme="dark"] .nav-tab { color: var(--text-muted); }
 [data-theme="dark"] .nav-tab:hover { color: var(--text-primary); background: var(--surface-raised); }
+[data-theme="dark"] .table { --bs-table-bg: var(--surface); --bs-table-color: var(--text-secondary); --bs-table-border-color: var(--border); --bs-table-striped-bg: var(--surface-raised); --bs-table-hover-bg: rgba(37,99,235,0.1); }
 [data-theme="dark"] .table th { background: var(--surface-raised); color: var(--text-muted); }
-[data-theme="dark"] .table td { color: var(--text-secondary); }
+[data-theme="dark"] .table td { color: var(--text-secondary); background-color: var(--surface); }
 [data-theme="dark"] .table tbody tr:nth-child(even) td { background-color: var(--surface-raised); }
 [data-theme="dark"] .table-hover tbody tr:hover td { background-color: rgba(37,99,235,0.1) !important; }
 [data-theme="dark"] .card-header { background: var(--surface); border-bottom-color: var(--border); }
@@ -848,7 +849,8 @@ tr.mapping-deleted td {
 .mobile-more-dropdown .dropdown-toggle::after { display: none; }
 
 /* ── Mobile segmented control (hidden on desktop) ── */
-.mobile-seg { display: none; }
+.mobile-seg { display: none; overflow-x: auto; -webkit-overflow-scrolling: touch; }
+.mobile-seg .btn-group { flex-wrap: nowrap; min-width: 0; }
 .seg-active {
     background: var(--accent) !important;
     border-color: var(--accent) !important;