Fix gap between tier list maker weapons

app/features/tier-list-maker/components/DraggableItem.module.css

@@ -1,7 +1,18 @@
 .item {
+	display: grid;
 	min-height: 50px;
 	cursor: move;
 	touch-action: none;
 	user-select: none;
 	-webkit-user-select: none;
 }
+
+.hitArea {
+	position: relative;
+
+	&::after {
+		content: "";
+		position: absolute;
+		inset: calc(var(--tier-list-item-gap) / -2);
+	}
+}

app/features/tier-list-maker/components/DraggableItem.tsx

@@ -31,7 +31,12 @@ export function DraggableItem({ item }: DraggableItemProps) {
 
 	return (
 		<div ref={setNodeRef} className={styles.item} style={style}>
-			<div data-item-id={uniqueId} {...listeners} {...attributes}>
+			<div
+				data-item-id={uniqueId}
+				className={styles.hitArea}
+				{...listeners}
+				{...attributes}
+			>
 				<TierListItemImage item={item} />
 			</div>
 		</div>

app/features/tier-list-maker/components/ItemPool.module.css

@@ -1,11 +1,13 @@
 .pool {
+	--tier-list-item-gap: var(--s-3);
 	display: flex;
 	flex-wrap: wrap;
-	gap: var(--s-3);
+	gap: var(--tier-list-item-gap);
 	min-height: 50px;
 }
 
 .clickableItem {
+	position: relative;
 	min-height: 50px;
 	padding: 0;
 	border: none;
@@ -13,6 +15,12 @@
 	cursor: pointer;
 	transition: transform 0.1s;
 
+	&::after {
+		content: "";
+		position: absolute;
+		inset: calc(var(--tier-list-item-gap) / -2);
+	}
+
 	&:hover:not(:disabled) {
 		transform: scale(1.1);
 	}

app/features/tier-list-maker/components/TierRow.module.css

@@ -48,10 +48,11 @@
 }
 
 .targetZone {
+	--tier-list-item-gap: var(--s-1-5);
 	grid-column: 2;
 	display: flex;
 	flex-wrap: wrap;
-	gap: var(--s-1-5);
+	gap: var(--tier-list-item-gap);
 	padding: var(--s-2);
 	background: var(--color-bg-high);
 	border-radius: var(--radius-field) 0 0 var(--radius-field);

changelog/2026-09-22-tier-list-maker-dead-space.md

@@ -0,0 +1,5 @@
+---
+navItem: tier-list-maker
+type: bug
+---
+Clicking between two items in the tier list maker no longer misses both of them