From 35aeea47f4f52c935cc6e589c1c68c90bcfb0054 Mon Sep 17 00:00:00 2001
From: Tim Sweeney <tim@wandb.com>
Date: Tue, 19 Nov 2024 12:00:14 -0800
Subject: [PATCH] chore(weave): Fixes tab overflow (#3022)

* init

* init
---
 .../Home/Browse3/pages/common/SimplePageLayout.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
index e0c444096a24..1e7c85c97411 100644
--- a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
+++ b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/common/SimplePageLayout.tsx
@@ -330,12 +330,12 @@ const SimpleTabView: FC<{
           style={{margin: '12px 16px 0 16px'}}
           value={props.tabs[props.tabValue].label}
           onValueChange={props.handleTabChange}>
-          <Tabs.List>
+          <Tabs.List style={{overflowX: 'scroll', scrollbarWidth: 'none'}}>
             {props.tabs.map(tab => (
               <Tabs.Trigger
                 key={tab.label}
                 value={tab.label}
-                className="h-[30px] text-sm">
+                className="h-[30px] whitespace-nowrap text-sm">
                 {tab.label}
               </Tabs.Trigger>
             ))}