From 6bb9e74ef55c70e13d874e56e2327d7aefe52274 Mon Sep 17 00:00:00 2001
From: Jane Kamata <janekamata8@gmail.com>
Date: Sun, 30 Mar 2025 15:36:44 -0400
Subject: [PATCH] Fixing header formatting so header is inside orange

---
 frontend/src/grant-info/components/GrantLabels.tsx | 2 +-
 frontend/src/grant-info/components/GrantList.tsx   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/grant-info/components/GrantLabels.tsx b/frontend/src/grant-info/components/GrantLabels.tsx
index 9dc50724..94382860 100644
--- a/frontend/src/grant-info/components/GrantLabels.tsx
+++ b/frontend/src/grant-info/components/GrantLabels.tsx
@@ -18,7 +18,7 @@ const GrantLabels: React.FC<{
   }
 
   return (
-    <ul className="grant-labels grid grid-cols-4 justify-stretch font-semibold p-4">
+    <ul className="grant-labels grid grid-cols-4 justify-stretch font-semibold pt-4">
       <li className="text-center">
         <button
           className="grant-name"
diff --git a/frontend/src/grant-info/components/GrantList.tsx b/frontend/src/grant-info/components/GrantList.tsx
index c05fd3b3..a1191089 100644
--- a/frontend/src/grant-info/components/GrantList.tsx
+++ b/frontend/src/grant-info/components/GrantList.tsx
@@ -104,13 +104,14 @@ const GrantList: React.FC = observer(() => {
       */}
       <PaginationRoot defaultPage={1} count={totalPages}>
         {/* Actual grants for the current page */}
+        <div className="bg-light-orange rounded-[1.2rem] pt-2">
         <GrantLabels onSort={HandleHeaderClick} />
-        <div className="grant-list p-4">
+        <div className="grant-list p-4 ">
         {grants.map(grant => (
           <GrantItem key={grant.grantId} grant={grant} />
         ))}
         </div>
-
+        </div>
         {/* 
            Paging Controls:
             - Prev / Next triggers