From e884b37b07169de649fc0676e251edcca2f5bdbe Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Mon, 13 Oct 2025 23:00:47 +0000
Subject: [PATCH] Hide inactive tabs content

cgen-41cf5649d974460ba281c0f0202a5fd5
---
 client/components/ui/tabs.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/ui/tabs.tsx b/client/components/ui/tabs.tsx
index 859eea68..bd0a8ec5 100644
--- a/client/components/ui/tabs.tsx
+++ b/client/components/ui/tabs.tsx
@@ -42,7 +42,7 @@ const TabsContent = React.forwardRef<
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[state=inactive]:hidden",
       className,
     )}
     {...props}