From 8d51e9ba036864d482d6900245cff98883593f24 Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Sun, 26 Apr 2026 09:42:24 -0400
Subject: [PATCH] style(admin): improve icon card layout with square aspect
 ratio and balanced spacing

---
 src/features/admin/devkit/IconsPage.client.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/admin/devkit/IconsPage.client.js b/src/features/admin/devkit/IconsPage.client.js
index 9e0f006..d02b0a1 100644
--- a/src/features/admin/devkit/IconsPage.client.js
+++ b/src/features/admin/devkit/IconsPage.client.js
@@ -83,12 +83,12 @@ export default function IconsPage() {
                   key={name}
                   onClick={() => handleCopy(name)}
                   title={name.replace('Icon', '')}
-                  className="flex flex-col items-center rounded-lg border border-neutral-200 dark:border-neutral-800 bg-neutral-100 dark:bg-neutral-900 hover:border-blue-500 dark:hover:border-blue-500 transition-colors duration-100 group cursor-pointer px-1 pt-2.5 pb-2"
+                  className="aspect-square flex flex-col items-center justify-between rounded-lg border border-neutral-200 dark:border-neutral-800 bg-neutral-100 dark:bg-neutral-900 hover:border-blue-500 dark:hover:border-blue-500 transition-colors duration-100 group cursor-pointer px-1 py-2 overflow-hidden"
                 >
-                  <div className="flex items-center justify-center h-8 w-full">
+                  <div className="flex-1 flex items-center justify-center w-full">
                     <IconComponent className="w-7 h-7 text-black dark:text-white" />
                   </div>
-                  <span className="mt-1.5 text-[9px] text-neutral-500 dark:text-neutral-400 leading-none text-center truncate group-hover:text-neutral-600 dark:group-hover:text-neutral-300 w-full px-1">
+                  <span className="shrink-0 text-[9px] text-neutral-500 dark:text-neutral-400 leading-none text-center truncate group-hover:text-neutral-600 dark:group-hover:text-neutral-300 w-full px-1">
                     {name.replace('Icon', '')}
                   </span>
                 </button>