From 82ec289ef91d5315d373bc3aef90df65281c620d Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Mon, 16 Dec 2024 02:49:20 +0800
Subject: [PATCH] Update tabs.tsx

---
 apps/studio/components/layouts/tabs/tabs.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/studio/components/layouts/tabs/tabs.tsx b/apps/studio/components/layouts/tabs/tabs.tsx
index 3fa6050fd4a..bfb39e22150 100644
--- a/apps/studio/components/layouts/tabs/tabs.tsx
+++ b/apps/studio/components/layouts/tabs/tabs.tsx
@@ -155,10 +155,12 @@ const TabPreview = ({ tab }: { tab: string }) => {
     <motion.div
       layoutId={tab}
       transition={{ duration: 0.045 }}
-      className="flex items-center gap-2 px-3 text-xs bg-dash-sidebar dark:bg-surface-100 shadow-lg rounded-sm h-10"
+      animate={{ opacity: 0.7 }}
+      className="flex relative items-center gap-2 px-3 text-xs bg-dash-sidebar dark:bg-surface-100 shadow-lg rounded-sm h-10"
     >
       <EntityTypeIcon type={tabData.type} />
       <span>{tabData.type === 'schema' ? 'schema' : tabData.label || 'Untitled'}</span>
+      <div className="absolute w-full top-0 left-0 right-0 h-px bg-foreground-muted" />
     </motion.div>
   )
 }