diff --git a/web/components/layout/tabs.tsx b/web/components/layout/tabs.tsx
index 37e38f64..b5a70a5e 100644
--- a/web/components/layout/tabs.tsx
+++ b/web/components/layout/tabs.tsx
@@ -19,7 +19,7 @@ export function Tabs(props: {
 }) {
   const { tabs, defaultIndex, className, onClick } = props
   const [activeIndex, setActiveIndex] = useState(defaultIndex ?? 0)
-  const activeTab = tabs[activeIndex]
+  const activeTab = tabs[activeIndex] as Tab | undefined // can be undefined in weird case
 
   return (
     <div>
@@ -55,7 +55,7 @@ export function Tabs(props: {
         </nav>
       </div>
 
-      <div className="mt-4">{activeTab.content}</div>
+      <div className="mt-4">{activeTab?.content}</div>
     </div>
   )
 }