From 94684a9481253b3864bfed3f050ac34154e9f1e9 Mon Sep 17 00:00:00 2001
From: sethburkart123 <seth.burkart@hills.adventist.edu.au>
Date: Tue, 17 Sep 2024 17:40:53 +1000
Subject: [PATCH] fix(TabbedContainer): fix scrolling height on tabs

---
 src/svelte-interface/components/TabbedContainer.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/svelte-interface/components/TabbedContainer.svelte b/src/svelte-interface/components/TabbedContainer.svelte
index 7dcc7e8a..3cd48e02 100644
--- a/src/svelte-interface/components/TabbedContainer.svelte
+++ b/src/svelte-interface/components/TabbedContainer.svelte
@@ -64,15 +64,15 @@
       {/each}
     </div>
   </div>
-  <div class="h-full px-4 overflow-y-scroll overflow-x-clip">
+  <div class="h-full px-4 overflow-hidden">
     <MotionDiv
       class="h-full"
       animate={{ x: `${-activeTab * 100}%` }}
       transition={springTransition}
     >
-      <div class="flex h-screen">
+      <div class="flex">
         {#each tabs as { Content }, index}
-          <div class="absolute w-full transition-opacity duration-300 overflow-y-scroll {activeTab === index ? 'opacity-100' : 'opacity-0'}"
+          <div class="absolute w-full h-full transition-opacity duration-300 overflow-y-scroll {activeTab === index ? 'opacity-100' : 'opacity-0'}"
             style="left: {index * 100}%;">
             {@render Content()}
           </div>