From 3b621e73f6bca80d089dac42ab05b317a55cecf2 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Tue, 20 Aug 2024 10:06:03 +0200
Subject: [PATCH] chore: adjusted the gaps a bit and centered it along the
 X-axis for now

---
 components/ui/action-card/ActionCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ui/action-card/ActionCard.tsx b/components/ui/action-card/ActionCard.tsx
index a874c0dee8..aa078bfc6a 100644
--- a/components/ui/action-card/ActionCard.tsx
+++ b/components/ui/action-card/ActionCard.tsx
@@ -60,18 +60,18 @@ export const ActionCard = React.forwardRef<HTMLDivElement, ActionCardProps>(
         shadow="sm"
         {...props}
       >
-        <CardBody className="flex h-full flex-row items-start gap-3 p-4">
+        <CardBody className="flex h-full flex-row gap-2 p-2 items-center">
           <div
             className={cn(
-              "item-center flex rounded-medium border p-2",
+              "item-center flex rounded-medium border p-1",
               colors?.iconWrapper,
             )}
           >
             <Icon className={colors?.icon} icon={icon} width={24} />
           </div>
           <div className="flex flex-col">
-            <p className="text-medium">{title}</p>
-            <p className="text-small text-default-400">
+            <p className="text-md">{title}</p>
+            <p className="text-sm text-default-400">
               {description || children}
             </p>
           </div>