From ee4550512cb141704fd2400b2a7fae84838f44db Mon Sep 17 00:00:00 2001
From: Brandon Li <brandon.seno.li@gmail.com>
Date: Sat, 26 Sep 2026 19:49:20 -0500
Subject: [PATCH] Settings: the instruments table scrolls inside its card on
 narrow screens

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 app/settings/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/settings/page.tsx b/app/settings/page.tsx
index 1bec4fe..e13654e 100644
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -464,7 +464,8 @@ export default function SettingsPage() {
                             {firm.instruments.length === 0 && <span className="text-xs text-amber-700">no instruments — won&apos;t trade</span>}
                         </div>
                         {firm.stats ? (
-                            <table className="w-full text-sm border-collapse">
+                            <div className="overflow-x-auto">
+                            <table className="w-full text-sm border-collapse whitespace-nowrap">
                                 <thead>
                                     <tr className="border-b border-slate-100 text-xs uppercase tracking-wider text-slate-400">
                                         <th className="px-4 py-2 text-left font-semibold">Symbol</th>
@@ -504,6 +505,7 @@ export default function SettingsPage() {
                                     })}
                                 </tbody>
                             </table>
+                            </div>
                         ) : (
                             <div className="flex flex-wrap gap-1.5 px-4 py-3">
                                 {firm.instruments.map((sym) => (