Got tab content scrolling working

src-web/components/Tabs.tsx

@@ -23,9 +23,16 @@ export function Tabs({ defaultValue, label, children, tabs, className, tabListCl
     <T.Root
       defaultValue={defaultValue}
       onValueChange={setValue}
-      className={classnames(className, 'h-full overflow-hidden')}
+      className={classnames(
+        className,
+        // 'h-full overflow-hidden grid grid-rows-[auto_minmax(0,1fr)]',
+        'h-full flex flex-col min-h-[min-content]',
+      )}
     >
-      <T.List aria-label={label} className={classnames(tabListClassName, 'flex items-center')}>
+      <T.List
+        aria-label={label}
+        className={classnames(tabListClassName, 'h-auto flex items-center')}
+      >
         <ScrollArea className="w-full pb-2">
           <HStack space={1}>
             {tabs.map((t) => (
@@ -75,7 +82,7 @@ export function TabContent({ value, children, className }: TabContentProps) {
     <T.Content
       forceMount
       value={value}
-      className={classnames(className, 'tab-content', 'w-full h-full')}
+      className={classnames(className, 'tab-content', 'w-full overflow-auto flex-grow h-0')}
     >
       {children}
     </T.Content>