From 3892093dc4bcbbc6f6f58e08f62dbe4d844a7e35 Mon Sep 17 00:00:00 2001
From: Saravana Achu Mac <saravanakumardb1@gmail.com>
Date: Wed, 6 May 2026 15:47:15 -0700
Subject: [PATCH] feat(ui): migrate portfolio and screener controls

---
 web/src/views/PortfolioView.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/views/PortfolioView.tsx b/web/src/views/PortfolioView.tsx
index 0f95545..9c6db93 100644
--- a/web/src/views/PortfolioView.tsx
+++ b/web/src/views/PortfolioView.tsx
@@ -4,6 +4,7 @@ import { useAppContext } from '../context/AppContext';
 import { PositionsTab } from '../tabs/PositionsTab';
 import { HistoryTab } from '../tabs/HistoryTab';
 import { PageHeader } from '../components/ui/page-header';
+import { Button } from '../components/ui/Primitives';
 import { buildCreateExitPlanUrl, buildPlanDrillInUrl } from './tradePlansRoutes';
 
 const TABS = ['Positions & Orders', 'Trade History'] as const;
@@ -23,14 +24,16 @@ export function PortfolioView() {
 
       <div className="tab-strip" style={{ marginBottom: 20 }}>
         {TABS.map(t => (
-          <button
+          <Button
             key={t}
             onClick={() => setTab(t)}
+            variant="ghost"
+            size="sm"
             className="tab-button"
             data-active={tab === t}
           >
             {t}
-          </button>
+          </Button>
         ))}
       </div>