From b4936bf13b98288d148e5c3442c0cbecda35210d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 27 Apr 2026 14:43:49 -0500
Subject: [PATCH] feat: smaller tank icons

---
 packages/website-ue/src/components/BaseStyles.astro             | 2 +-
 .../website-ue/src/components/HomeTanksPopular/index.module.css | 2 +-
 packages/website-ue/src/components/TankCard/index.module.css    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/website-ue/src/components/BaseStyles.astro b/packages/website-ue/src/components/BaseStyles.astro
index b6852eb2a..b93ef7255 100644
--- a/packages/website-ue/src/components/BaseStyles.astro
+++ b/packages/website-ue/src/components/BaseStyles.astro
@@ -82,6 +82,6 @@ import "@fontsource-variable/roboto-flex";
     --duration-brief: 200ms;
     --duration-subtle: 2s;
 
-    --tank-card-min-width: 11rem;
+    --tank-card-min-width: 8rem;
   }
 </style>
diff --git a/packages/website-ue/src/components/HomeTanksPopular/index.module.css b/packages/website-ue/src/components/HomeTanksPopular/index.module.css
index 12b9aedc3..353aa1ade 100644
--- a/packages/website-ue/src/components/HomeTanksPopular/index.module.css
+++ b/packages/website-ue/src/components/HomeTanksPopular/index.module.css
@@ -4,6 +4,6 @@
   .content {
     display: flex;
 
-    gap: 2rem;
+    gap: var(--space-4);
   }
 }
diff --git a/packages/website-ue/src/components/TankCard/index.module.css b/packages/website-ue/src/components/TankCard/index.module.css
index cbc4c2660..7f2e31dcf 100644
--- a/packages/website-ue/src/components/TankCard/index.module.css
+++ b/packages/website-ue/src/components/TankCard/index.module.css
@@ -26,7 +26,7 @@
 
     .icon {
       min-width: var(--tank-card-min-width);
-      height: 7rem;
+      aspect-ratio: 4 / 3;
       position: relative;
 
       background-size: 140%;