From 9f723479f54ad3581c00697db68da4c4d5eb56ee Mon Sep 17 00:00:00 2001
From: Pawan Lode <pawanjlode@gmail.com>
Date: Fri, 4 Apr 2025 00:19:50 +0530
Subject: [PATCH] cosmetic: mobile view for action card

---
 src/components/ActionCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ActionCard.tsx b/src/components/ActionCard.tsx
index b54d79aa26a..4769b5b09f5 100644
--- a/src/components/ActionCard.tsx
+++ b/src/components/ActionCard.tsx
@@ -41,7 +41,7 @@ const ActionCard = ({
   return (
     <LinkBox
       className={cn(
-        "flex shadow-table hover:scale-[1.02] hover:rounded hover:bg-background-highlight hover:shadow-table-box-hover hover:duration-100 focus:scale-[1.02] focus:rounded focus:shadow-table-box-hover focus:duration-100",
+        "flex flex-col sm:flex-col md:flex-row shadow-table hover:scale-[1.02] hover:rounded hover:bg-background-highlight hover:shadow-table-box-hover hover:duration-100 focus:scale-[1.02] focus:rounded focus:shadow-table-box-hover focus:duration-100",
         className
       )}
       {...props}
@@ -57,7 +57,7 @@ const ActionCard = ({
           src={image}
           alt={alt || ""}
           width={imageWidth}
-          className="max-h-full object-cover p-4"
+          className="max-h-full object-cover p-4 self-center"
         />
       </Flex>
       <div className="flex flex-col justify-center p-6">