diff --git a/ipi-survey-platform/src/pages/Reports/Reports.jsx b/ipi-survey-platform/src/pages/Reports/Reports.jsx
index 4eb6a5a..c17d444 100644
--- a/ipi-survey-platform/src/pages/Reports/Reports.jsx
+++ b/ipi-survey-platform/src/pages/Reports/Reports.jsx
@@ -112,11 +112,11 @@ const Reports = () => {
             </div>
           </div>
 
-          <div className="space-y-5">
+          <div className="space-y-3 ">
             {reportCards.map((card) => (
               <article
                 key={card.id}
-                className="flex flex-col gap-8 rounded-[14px] border border-[#ECE8DE] bg-white px-9 py-9 shadow-[0_2px_10px_rgba(16,24,40,0.06)] md:flex-row md:items-center md:justify-between"
+                className="flex flex-col gap-8 rounded-[14px] border border-[#ECE8DE] bg-white px-9 py-4 shadow-[0_2px_10px_rgba(16,24,40,0.06)] md:flex-row md:items-center md:justify-between"
               >
                 <div className="flex items-start gap-6">
                   <div className="flex h-[94px] w-[94px] shrink-0 items-center justify-center rounded-[12px] bg-[#FBEFDC]">