From 6cef5f95ad0ac7b8248eb2cfcaa081a22f57cddb Mon Sep 17 00:00:00 2001
From: francy51 <francesco12382@gmail.com>
Date: Sun, 1 Mar 2026 19:15:29 -0500
Subject: [PATCH] Fix portfolio matrix right-edge overflow in fullscreen

---
 app/portfolio/page.tsx         | 2 +-
 components/shell/app-shell.tsx | 4 ++--
 components/ui/panel.tsx        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/portfolio/page.tsx b/app/portfolio/page.tsx
index d044be9..d83522c 100644
--- a/app/portfolio/page.tsx
+++ b/app/portfolio/page.tsx
@@ -246,7 +246,7 @@ export default function PortfolioPage() {
           ) : holdings.length === 0 ? (
             <p className="text-sm text-[color:var(--terminal-muted)]">No holdings added yet.</p>
           ) : (
-            <div className="overflow-x-auto">
+            <div className="max-w-full overflow-x-auto">
               <table className="data-table min-w-[780px]">
                 <thead>
                   <tr>
diff --git a/components/shell/app-shell.tsx b/components/shell/app-shell.tsx
index b0e85bc..ff8ecb6 100644
--- a/components/shell/app-shell.tsx
+++ b/components/shell/app-shell.tsx
@@ -104,7 +104,7 @@ export function AppShell({ title, subtitle, actions, children }: AppShellProps)
           </div>
         </aside>
 
-        <div className="flex-1">
+        <div className="min-w-0 flex-1">
           <header className="mb-6 rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] px-6 py-5 shadow-[0_0_0_1px_rgba(0,255,180,0.05),0_14px_40px_rgba(1,4,10,0.5)]">
             <div className="flex flex-wrap items-start justify-between gap-4">
               <div>
@@ -147,7 +147,7 @@ export function AppShell({ title, subtitle, actions, children }: AppShellProps)
             })}
           </nav>
 
-          <main className="space-y-6">{children}</main>
+          <main className="min-w-0 space-y-6">{children}</main>
         </div>
       </div>
     </div>
diff --git a/components/ui/panel.tsx b/components/ui/panel.tsx
index caf90cd..aab5e63 100644
--- a/components/ui/panel.tsx
+++ b/components/ui/panel.tsx
@@ -12,7 +12,7 @@ export function Panel({ title, subtitle, actions, children, className }: PanelPr
   return (
     <section
       className={cn(
-        'rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] p-5 shadow-[0_0_0_1px_rgba(0,255,180,0.03),0_12px_30px_rgba(1,4,10,0.45)]',
+        'min-w-0 rounded-2xl border border-[color:var(--line-weak)] bg-[color:var(--panel)] p-5 shadow-[0_0_0_1px_rgba(0,255,180,0.03),0_12px_30px_rgba(1,4,10,0.45)]',
         className
       )}
     >