From 18a6f30a4b5a905d72a55a2694578e133b8b293f Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 2 Jun 2026 12:31:37 -0500
Subject: [PATCH] closer to a square

---
 .../TankopediaCharacteristics/index.module.css       | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/website-ue/src/components/TankopediaCharacteristics/index.module.css b/packages/website-ue/src/components/TankopediaCharacteristics/index.module.css
index 5b89eac11..b7a7e24a8 100644
--- a/packages/website-ue/src/components/TankopediaCharacteristics/index.module.css
+++ b/packages/website-ue/src/components/TankopediaCharacteristics/index.module.css
@@ -19,8 +19,6 @@
     grid-auto-rows: var(--cell-height);
     grid-auto-flow: dense;
 
-    gap: var(--cell-gap);
-
     box-sizing: border-box;
 
     .group {
@@ -60,18 +58,18 @@
 
       .content {
         margin: 0 var(--space-4);
-        padding: var(--space-0);
 
         gap: inherit;
         height: 100%;
 
-        display: flex;
-        flex-direction: column;
+        display: grid;
+        grid-template-columns: inherit;
+        grid-auto-rows: inherit;
 
         .item {
           padding: 0 var(--space-3);
 
-          flex: 1;
+          grid-row: span 1;
 
           display: flex;
           flex-direction: column;
@@ -104,7 +102,7 @@
         }
 
         .toy {
-          flex: var(--group-span);
+          grid-row: span var(--group-span);
           padding: var(--space-4) 0;
 
           .sandbox {