From a0beec808e21203f724cb58fd2b334badfd48012 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 19 Nov 2025 17:31:52 +0100
Subject: [PATCH] refactor: adjust PodsWhat grid gap and icon size for better
 visual balance

- Reduced grid gap from gap-12 to gap-8 for tighter spacing between pod cards
- Increased icon dimensions from h-6 w-6 to h-10 w-10 for improved visual prominence
---
 src/pages/pods/PodsWhat.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/pods/PodsWhat.tsx b/src/pages/pods/PodsWhat.tsx
index 6332bf8..f56f371 100644
--- a/src/pages/pods/PodsWhat.tsx
+++ b/src/pages/pods/PodsWhat.tsx
@@ -53,7 +53,7 @@ export function PodsWhat() {
         </div>
 
         {/* 4-column grid */}
-        <div className="grid grid-cols-1 gap-12 lg:grid-cols-4 pb-20">
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-4 pb-20">
           {podCards.map((card) => {
             const Icon = card.icon;
 
@@ -64,7 +64,7 @@ export function PodsWhat() {
               >
                 {/* TITLE WITH ICON */}
                 <dt className="flex items-center gap-x-3 text-base font-semibold text-white">
-                  {Icon && <Icon className="h-6 w-6 text-cyan-500" aria-hidden="true" />}
+                  {Icon && <Icon className="h-10   w-10 text-cyan-500" aria-hidden="true" />}
                   {card.title}
                 </dt>
               </div>