diff --git a/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupItem.tsx b/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupItem.tsx
index 67889785599..5154b0d0188 100644
--- a/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupItem.tsx
+++ b/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupItem.tsx
@@ -23,17 +23,17 @@ export function GroupItem({
 	const displayName = getTabDisplayName(tab);
 
 	return (
-		<div className="group relative flex items-end shrink-0 h-full">
+		<div className="group relative flex items-center shrink-0 h-full border-r border-border">
 			<Tooltip>
 				<TooltipTrigger asChild>
 					<button
 						type="button"
 						onClick={onSelect}
 						className={cn(
-							"flex items-center gap-1.5 rounded-t-md transition-all w-full shrink-0 pl-3 pr-6 h-[80%]",
+							"flex items-center gap-2 transition-all w-full shrink-0 px-3 h-full",
 							isActive
-								? "text-foreground border-t border-l border-r border-border"
-								: "text-muted-foreground hover:text-foreground hover:bg-tertiary/30",
+								? "text-foreground bg-border/30"
+								: "text-muted-foreground/70 hover:text-muted-foreground hover:bg-tertiary/20",
 						)}
 					>
 						<span className="text-sm whitespace-nowrap overflow-hidden flex-1 text-left">
@@ -62,12 +62,12 @@ export function GroupItem({
 							onClose();
 						}}
 						className={cn(
-							"mt-1 absolute right-1 top-1/2 -translate-y-1/2 cursor-pointer size-5 group-hover:opacity-100",
+							"absolute right-1 top-1/2 -translate-y-1/2 cursor-pointer size-5 group-hover:opacity-100",
 							isActive ? "opacity-90" : "opacity-0",
 						)}
 						aria-label="Close group"
 					>
-						<HiMiniXMark />
+						<HiMiniXMark className="size-3.5" />
 					</Button>
 				</TooltipTrigger>
 				<TooltipContent side="bottom" showArrow={false}>
diff --git a/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupStrip.tsx b/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupStrip.tsx
index f892c4918b8..54863a0052f 100644
--- a/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupStrip.tsx
+++ b/apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupStrip.tsx
@@ -122,14 +122,17 @@ export function GroupStrip() {
 	};
 
 	return (
-		<div className="flex items-end gap-1 px-2 h-10 flex-1 min-w-0">
+		<div className="flex items-center h-10 flex-1 min-w-0">
 			{tabs.length > 0 && (
-				<div className="flex items-end gap-0.5 h-full overflow-x-auto scrollbar-none">
+				<div
+					className="flex items-center h-full overflow-x-auto overflow-y-hidden border-l border-border pr-8 [mask-image:linear-gradient(to_right,black_calc(100%-24px),transparent)]"
+					style={{ scrollbarWidth: "none" }}
+				>
 					{tabs.map((tab) => (
 						<div
 							key={tab.id}
 							className="h-full shrink-0"
-							style={{ width: "120px" }}
+							style={{ width: "160px" }}
 						>
 							<GroupItem
 								tab={tab}
@@ -143,7 +146,7 @@ export function GroupStrip() {
 				</div>
 			)}
 			<DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
-				<div className="flex items-center shrink-0 mb-1">
+				<div className="flex items-center shrink-0 ml-2">
 					<Tooltip>
 						<TooltipTrigger asChild>
 							<Button