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>