From 5357460ceec9651a6161e9c9937a4dcecd072a9d Mon Sep 17 00:00:00 2001
From: Aryan Raj <qwerty4884n@gmail.com>
Date: Wed, 22 Jan 2025 21:10:49 +0530
Subject: [PATCH] Updated index.tsx

---
 pages/community/index.tsx | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/pages/community/index.tsx b/pages/community/index.tsx
index 6043e1240955..c9c3dbb3c565 100644
--- a/pages/community/index.tsx
+++ b/pages/community/index.tsx
@@ -196,19 +196,23 @@ export default function CommunityIndexPage() {
           className="bg-channelCover"
         />
       </div>
-      <div className="mt-10 flex flex-col">
-        <div className="m-5 w-full">
-          <Card
-            type={CardType.SMALL}
-            tagline="Finance"
-            icon="💰"
-            heading="Track Initiative Spending with Budget Analysis"
-            description="Explore our transparent finance section for a detailed analysis of our project's budget. See how we track expenses and gain insights into funds allocation."
-            bg="bg-white"
-            link="/finance"
-          />
+      <div className="mt-10 flex justify-center">
+        {/* Parent Card for Finance */}
+        <div className="m-5 p-8 bg-gray-100 rounded-lg shadow-md w-full max-w-6xl">
+          <div className="w-full">
+            <Card
+              type={CardType.SMALL}
+              tagline="Finance"
+              icon="💰"
+              heading="Track Initiative Spending with Budget Analysis"
+              description="Explore our transparent finance section for a detailed analysis of our project's budget. See how we track expenses and gain insights into funds allocation."
+              bg="bg-white"
+              link="/finance"
+            />
+          </div>
         </div>
       </div>
+
       <div
         className="mt-8 rounded-lg bg-dark py-12 md:mt-20"
         data-testid="CommunityCard-subscribe"