From d85d10dc581f416f4a2c819e27f2fef7831e69ec Mon Sep 17 00:00:00 2001
From: Eugene Fox <eugene@xfox111.net>
Date: Thu, 3 Jul 2025 11:46:53 +0300
Subject: [PATCH] chore(ui): increase tab's dnd handle area

---
 entrypoints/sidepanel/components/TabView.styles.ts | 5 +++--
 entrypoints/sidepanel/components/TabView.tsx       | 1 -
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/entrypoints/sidepanel/components/TabView.styles.ts b/entrypoints/sidepanel/components/TabView.styles.ts
index a91c3e4..1901230 100644
--- a/entrypoints/sidepanel/components/TabView.styles.ts
+++ b/entrypoints/sidepanel/components/TabView.styles.ts
@@ -58,8 +58,6 @@ export const useStyles_TabView = makeStyles({
 		display: "grid",
 		gridTemplateColumns: "auto 1fr auto",
 		alignItems: "center",
-		gap: tokens.spacingHorizontalSNudge,
-		paddingLeft: tokens.spacingHorizontalS,
 
 		borderBottomLeftRadius: tokens.borderRadiusMedium,
 		borderBottomRightRadius: tokens.borderRadiusMedium,
@@ -72,6 +70,9 @@ export const useStyles_TabView = makeStyles({
 	icon:
 	{
 		cursor: "grab",
+		padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`,
+		height: "32px",
+		boxSizing: "border-box",
 
 		"&:active":
 		{
diff --git a/entrypoints/sidepanel/components/TabView.tsx b/entrypoints/sidepanel/components/TabView.tsx
index 30b5033..9937b63 100644
--- a/entrypoints/sidepanel/components/TabView.tsx
+++ b/entrypoints/sidepanel/components/TabView.tsx
@@ -83,7 +83,6 @@ export default function TabView({ tab, indices, dragOverlay }: TabViewProps): Re
 					ref={ setActivatorNodeRef } { ...activatorProps }
 					src={ graphics[tab.url]?.icon ?? faviconPlaceholder }
 					onError={ e => e.currentTarget.src = faviconPlaceholder }
-					height={ 20 } width={ 20 }
 					className={ cls.icon } draggable={ false } />
 
 				<Tooltip relationship="description" content={ tab.title ?? tab.url }>