diff --git a/web/src/index.css b/web/src/index.css
index 1ded27c..376dba4 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -1227,7 +1227,7 @@ body {
 .right-panel-table-head,
 .right-panel-table-row {
   display: grid;
-  grid-template-columns: 2fr 1.2fr 1fr 1.2fr;
+  grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr);
   gap: 4px;
   align-items: center;
 }
@@ -1617,7 +1617,11 @@ body {
 }
 
 .trading-header-search {
-  width: min(42vw, 460px) !important;
+  /* relative to header flex item, not viewport — avoids overflow when sidebar
+     is fixed and scrollbar consumes viewport width */
+  flex: 1 1 240px;
+  min-width: 0;
+  max-width: 460px;
 }
 
 .trading-header-search input {
@@ -1892,7 +1896,7 @@ body {
 
 .home-preview-stats {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 10px;
   padding: 0 18px 18px;
 }
diff --git a/web/src/tabs/MarketplaceTab.tsx b/web/src/tabs/MarketplaceTab.tsx
index ad6ecd7..3885a67 100644
--- a/web/src/tabs/MarketplaceTab.tsx
+++ b/web/src/tabs/MarketplaceTab.tsx
@@ -33,7 +33,7 @@ export const MarketplaceTab: React.FC<MarketplaceTabProps> = ({ onClone, botStat
             {/* Contextual Intelligence Row */}
             <div style={{
                 display: 'grid',
-                gridTemplateColumns: '1fr 1fr',
+                gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)',
                 gap: '20px',
                 maxWidth: '1400px',
                 margin: '24px auto 0 auto',
@@ -83,7 +83,7 @@ export const MarketplaceTab: React.FC<MarketplaceTabProps> = ({ onClone, botStat
                             <div style={{ fontSize: '10px', color: 'var(--muted-foreground)', fontWeight: 700, marginTop: '1px' }}>Most active markets — match with strategies below</div>
                         </div>
                     </div>
-                    <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '8px' }}>
+                    <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: '8px' }}>
                         {topVolatile.map(s => {
                             const change = botState.symbols[s]?.change24h || 0;
                             return (
diff --git a/web/src/tabs/MembershipTab.tsx b/web/src/tabs/MembershipTab.tsx
index 0106b7a..5aa6bf6 100644
--- a/web/src/tabs/MembershipTab.tsx
+++ b/web/src/tabs/MembershipTab.tsx
@@ -97,7 +97,7 @@ const PlanCard: React.FC<{
 
                 <div style={{
                     display: 'grid',
-                    gridTemplateColumns: '1fr 1fr',
+                    gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)',
                     gap: 14,
                     marginBottom: 28
                 }}>
diff --git a/web/src/tabs/MyStrategiesTab.tsx b/web/src/tabs/MyStrategiesTab.tsx
index 6df4fa8..d82a565 100644
--- a/web/src/tabs/MyStrategiesTab.tsx
+++ b/web/src/tabs/MyStrategiesTab.tsx
@@ -124,7 +124,7 @@ const ActiveStrategyCard: React.FC<{
             </div>
 
             {/* 4. Operational DNA (Specs) */}
-            <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '14px', marginBottom: '28px' }}>
+            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: '14px', marginBottom: '28px' }}>
                 {[
                     { label: 'Allocation', value: `$${profile.allocated_capital.toLocaleString()}`, icon: <DollarSign size={14} />, color: 'var(--bl-success)' },
                     { label: 'PnL (Global)', value: '$0.00', icon: <TrendingUp size={14} />, color: 'var(--bl-info-strong)' },
@@ -364,7 +364,7 @@ export const MyStrategiesTab: React.FC<{ botState: any; alerts?: any[]; previewA
                     .sort((a, b) => Math.abs(b.change) - Math.abs(a.change));
 
                 return (
-                    <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '20px', marginBottom: '48px' }}>
+                    <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: '20px', marginBottom: '48px' }}>
                         {/* Recent Activity */}
                         <div style={{ background: 'var(--bl-surface-highlight)', border: '1px solid var(--bl-border-subtle)', borderRadius: '24px', padding: '24px 28px' }}>
                             <div style={{ display: 'flex', alignItems: 'center', gap: '10px', marginBottom: '16px' }}>