From c31f0d53d5c8117a5467a566651d7f1df359e680 Mon Sep 17 00:00:00 2001
From: xbrzee <hibreezo@gmail.com>
Date: Mon, 30 Mar 2026 16:32:07 +0545
Subject: [PATCH] fix:fix padding and margin in CardDark.tsx and CardLight.tsx

---
 frontend/src/app/assets/images/NewSupportIdea.tsx           | 4 ++--
 .../src/app/components/BenefitsOfParticipating/CardDark.tsx | 2 +-
 .../app/components/BenefitsOfParticipating/CardLight.tsx    | 6 +++---
 frontend/src/app/sections/Benefits/BenefitsCard.tsx         | 3 ++-
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/assets/images/NewSupportIdea.tsx b/frontend/src/app/assets/images/NewSupportIdea.tsx
index 2ede494..0a36202 100644
--- a/frontend/src/app/assets/images/NewSupportIdea.tsx
+++ b/frontend/src/app/assets/images/NewSupportIdea.tsx
@@ -1,8 +1,8 @@
 import { ReactElement } from "react";
 
 export default function NewSupportIdeaSVG({
-    height = 200,
-    width = 210,
+    height = 124,
+    width = 113,
     className = "",
   }: {
     height?: number;
diff --git a/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx b/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx
index 3f957db..a6d3095 100644
--- a/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx
+++ b/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx
@@ -30,7 +30,7 @@ const borderClass = bordercolour ? "secondary-border-background" : "primary-bord
       <div className=" new-gradient-background w-full h-full rounded-[1.875rem] flex flex-col px-12 gap-[21px] justify-center relative">
         <div>
           <div
-         className={`${cabinetExtraBold.className} text-transparent bg-clip-text lg:text-[2rem] text-[1.5rem] w-[10.69rem] md:w-[18.72rem] sm:leading-[2rem] md:leading-[2.75rem] pb-[1.5rem] md:pb-0 font-extrabold z-10 md:mb-[1.5rem]`}
+         className={`${cabinetExtraBold.className} text-transparent bg-clip-text lg:text-[2rem] text-[1.5rem] w-[10.69rem] md:w-[18.72rem] sm:leading-[2rem] md:leading-[2.75rem] md:pb-0 font-extrabold z-10`}
         style={{
           background: "linear-gradient(155.54deg, #CEA33D 30.29%, #6633CC 97.7%)",
               WebkitBackgroundClip: "text",
diff --git a/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx b/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx
index f3bd780..9cb1d31 100644
--- a/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx
+++ b/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx
@@ -27,7 +27,7 @@ export default function CardLight({
       <div className=" new-gradient-background w-full h-full rounded-[1.875rem] flex flex-col px-12 gap-7 justify-center items-start">
         <div>
           <div
-  className={`${cabinetExtraBold.className} text-transparent bg-clip-text lg:text-[2rem] text-[1.5rem] w-[10.69rem] md:w-[18.72rem] sm:leading-[2rem] md:leading-[2.75rem] pb-[1.5rem] md:pb-0 font-extrabold z-10 md:mb-[1.5rem]`}
+  className={`${cabinetExtraBold.className} text-transparent bg-clip-text lg:text-[2rem] text-[1.5rem] w-[10.69rem] md:w-[18.72rem] sm:leading-[2rem] md:leading-[2.75rem]  md:pb-0 font-extrabold z-10`}
   style={{
     background: "linear-gradient(155.54deg, #CEA33D 30.29%, #6633CC 97.7%)",
     WebkitBackgroundClip: "text",
@@ -36,9 +36,9 @@ export default function CardLight({
 >
   {title}
 </div>
-        <div className="flex flex-row items-left lg:gap-7 gap-10 h-[70%] md:h-auto  md:flex-row  md:items-center">
+        <div className="flex flex-row items-left lg:gap-7 gap-2 h-[70%] md:h-auto  md:flex-row  md:items-center">
           <div
-            className={`${satoshiRegular.className} text-white w-[16.72rem] md:w-[19.51rem] lg:w-[21rem] lg:h-[6rem] text-[1rem] font-medium md:text-justify pr-7 z-10 pt-[1.5rem] md:pt-0 lg:pt-0`}
+            className={`${satoshiRegular.className} text-white w-[16.72rem] md:w-[19.51rem] lg:w-[21rem] lg:h-[6rem] text-[1rem] font-medium md:text-justify pr-7 z-10 pt-[0.5rem] md:pt-0 lg:pt-0`}
           >
             {description}
           </div>
diff --git a/frontend/src/app/sections/Benefits/BenefitsCard.tsx b/frontend/src/app/sections/Benefits/BenefitsCard.tsx
index 8c41528..10128dd 100644
--- a/frontend/src/app/sections/Benefits/BenefitsCard.tsx
+++ b/frontend/src/app/sections/Benefits/BenefitsCard.tsx
@@ -43,7 +43,8 @@ export default function BenefitsCards() {
            pgNo="4."
           svg={<BenefitsCardFourth/>}
         />
+        </div>
       </div>
-    </div>
+
   );
 }
\ No newline at end of file