diff --git a/components/src/preact/components/tabs.tsx b/components/src/preact/components/tabs.tsx
index c7b01e1f..25867ec8 100644
--- a/components/src/preact/components/tabs.tsx
+++ b/components/src/preact/components/tabs.tsx
@@ -1,5 +1,5 @@
-import { Fragment, type FunctionComponent } from 'preact';
-import { useEffect, useRef, useState } from 'preact/hooks';
+import { type FunctionComponent } from 'preact';
+import { useState } from 'preact/hooks';
 import { type JSXInternal } from 'preact/src/jsx';
 
 type Tab = {
@@ -14,43 +14,24 @@ interface ComponentTabsProps {
 
 const Tabs: FunctionComponent<ComponentTabsProps> = ({ tabs, toolbar }) => {
     const [activeTab, setActiveTab] = useState(tabs[0]?.title);
-    const [heightOfTabs, setHeightOfTabs] = useState('3rem');
-    const tabRef = useRef<HTMLDivElement>(null);
-
-    const updateHeightOfTabs = () => {
-        if (tabRef.current) {
-            const heightOfTabs = tabRef.current.getBoundingClientRect().height;
-            setHeightOfTabs(`${heightOfTabs}px`);
-        }
-    };
-
-    useEffect(() => {
-        updateHeightOfTabs();
-
-        window.addEventListener('resize', updateHeightOfTabs);
-        return () => {
-            window.removeEventListener('resize', updateHeightOfTabs);
-        };
-    }, []);
 
     const tabElements = (
         <div className='flex flex-row'>
             {tabs.map((tab) => {
                 return (
-                    <Fragment key={tab.title}>
-                        <button
-                            className={`px-4 py-2 text-sm font-medium leading-5 transition-colors duration-150 ${
-                                activeTab === tab.title
-                                    ? 'border-b-2 border-gray-400'
-                                    : 'text-gray-600 hover:bg-gray-100 hover:text-gray-700'
-                            }`}
-                            onClick={() => {
-                                setActiveTab(tab.title);
-                            }}
-                        >
-                            {tab.title}
-                        </button>
-                    </Fragment>
+                    <button
+                        key={tab.title}
+                        className={`px-4 py-2 text-sm font-medium leading-5 transition-colors duration-150 ${
+                            activeTab === tab.title
+                                ? 'border-b-2 border-gray-400'
+                                : 'text-gray-600 hover:bg-gray-100 hover:text-gray-700'
+                        }`}
+                        onClick={() => {
+                            setActiveTab(tab.title);
+                        }}
+                    >
+                        {tab.title}
+                    </button>
                 );
             })}
         </div>
@@ -59,17 +40,16 @@ const Tabs: FunctionComponent<ComponentTabsProps> = ({ tabs, toolbar }) => {
     const toolbarElement = typeof toolbar === 'function' ? toolbar(activeTab) : toolbar;
 
     return (
-        <div className='h-full w-full'>
-            <div ref={tabRef} className='flex flex-row justify-between flex-wrap'>
+        <div className='h-full w-full flex flex-col'>
+            <div className='flex flex-row justify-between flex-wrap'>
                 {tabElements}
                 {toolbar && <div className='py-2 flex flex-wrap gap-y-1'>{toolbarElement}</div>}
             </div>
             <div
-                className={`p-2 border-2 border-gray-100 rounded-b-md rounded-tr-md ${activeTab === tabs[0]?.title ? '' : 'rounded-tl-md'}`}
-                style={{ height: `calc(100% - ${heightOfTabs})` }}
+                className={`p-2 flex-grow overflow-scroll border-2 border-gray-100 rounded-b-md rounded-tr-md ${activeTab === tabs[0]?.title ? '' : 'rounded-tl-md'}`}
             >
                 {tabs.map((tab) => (
-                    <div className='h-full overflow-auto' key={tab.title} hidden={activeTab !== tab.title}>
+                    <div className='h-full' key={tab.title} hidden={activeTab !== tab.title}>
                         {tab.content}
                     </div>
                 ))}
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-chromium-linux.png
index a4b9d221..3a74d2bf 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-chromium-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-firefox-linux.png
index 047e910f..200fa670 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-63e1d--germany-on-table-tab-should-match-screenshot-1-firefox-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-chromium-linux.png
index 57e0b5a5..2950a7e3 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-chromium-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-firefox-linux.png
index 870a8a51..f17bbaa5 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequ-9d57e-n--germany-table-only-should-match-screenshot-1-firefox-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-chromium-linux.png
index b4a1eb66..89a1be5b 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-chromium-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-firefox-linux.png
index a4dd684e..a25e242e 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--germany-should-match-screenshot-1-firefox-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-chromium-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-chromium-linux.png
index 0f632483..32cf9b19 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-chromium-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-chromium-linux.png differ
diff --git a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-firefox-linux.png b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-firefox-linux.png
index 690458e3..75e933c5 100644
Binary files a/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-firefox-linux.png and b/components/tests/snapshots.spec.ts-snapshots/Sequences-by-location-Story-visualization-sequences-by-location--world-map-should-match-screenshot-1-firefox-linux.png differ