From 57ea231e0ce6da06c955782c281676af50d3b3fa Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Thu, 21 Aug 2025 11:55:00 +0200
Subject: [PATCH] fix: tab bar parent box shouldn't have pointer events

---
 apps/oneclient/frontend/src/components/Tabs.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/oneclient/frontend/src/components/Tabs.tsx b/apps/oneclient/frontend/src/components/Tabs.tsx
index 80c2ec3c..34f27446 100644
--- a/apps/oneclient/frontend/src/components/Tabs.tsx
+++ b/apps/oneclient/frontend/src/components/Tabs.tsx
@@ -12,10 +12,10 @@ export function TabList({
 	ref?: React.Ref<HTMLDivElement>;
 }) {
 	return (
-		<div className="flex justify-stretch items-center sticky top-0 z-10 min-h-[74px] h-[74px] max-h-[74px] w-full" ref={ref}>
+		<div className="pointer-events-none sticky top-0 z-10 min-h-[74px] h-[74px] max-h-[74px] w-full" ref={ref}>
 			<div
 				className={twMerge(
-					'flex-1 flex flex-row gap-2 border border-transparent bg-page-elevated transition-all',
+					'pointer-events-auto flex flex-row gap-2 border border-transparent bg-page-elevated transition-all',
 					floating
 						? 'px-6 mx-4 py-3 shadow-lg border-ghost-overlay rounded-xl'
 						: 'px-10 py-6 rounded-2xl',