From 37d50a6f1f6755a57c32fe5bf8b9b3b78542775f Mon Sep 17 00:00:00 2001
From: Brian Ward <bward@flatironinstitute.org>
Date: Mon, 29 Jul 2024 13:27:36 +0000
Subject: [PATCH] Make tabs scrollable if necessary

---
 gui/src/app/components/TabWidget.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/gui/src/app/components/TabWidget.tsx b/gui/src/app/components/TabWidget.tsx
index 3c941e8d..2691aa9a 100644
--- a/gui/src/app/components/TabWidget.tsx
+++ b/gui/src/app/components/TabWidget.tsx
@@ -31,7 +31,12 @@ const TabWidget: FunctionComponent<TabWidgetProps> = ({ labels, children }) => {
 
   return (
     <Box display="flex" height="100%" width="100%" flexDirection="column">
-      <Tabs value={index} onChange={handleChange}>
+      <Tabs
+        value={index}
+        onChange={handleChange}
+        variant="scrollable"
+        scrollButtons="auto"
+      >
         {labels.map((label, i) => (
           <Tab key={i} label={label} />
         ))}