From 53d811eeefef60a3ee53e7db00a4e66bd1bb2a5f Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 26 Nov 2024 20:24:36 -0600
Subject: [PATCH] feat: add gaps

---
 packages/website/src/components/TierList/Tile.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/website/src/components/TierList/Tile.tsx b/packages/website/src/components/TierList/Tile.tsx
index 3b063de35..95c848f28 100644
--- a/packages/website/src/components/TierList/Tile.tsx
+++ b/packages/website/src/components/TierList/Tile.tsx
@@ -1,4 +1,5 @@
 import type { TankDefinition } from '@blitzkit/core';
+import { Box } from '@radix-ui/themes';
 import {
   useCallback,
   useEffect,
@@ -162,14 +163,15 @@ export function TierListTile(props: TierListTileProps) {
   }, []);
 
   return (
-    <TankCard
+    <Box
+      p="2"
+      ref={card}
       data-tile-index={props.isPlaced ? props.tileIndex : undefined}
       data-tile-id={props.tank.id}
-      ref={card}
-      noLink
-      tank={props.tank}
-      style={{ cursor: 'grab', touchAction: 'none' }}
       onPointerDown={handlePointerDown}
-    />
+      style={{ cursor: 'grab', touchAction: 'none' }}
+    >
+      <TankCard noLink tank={props.tank} />
+    </Box>
   );
 }