diff --git a/src/app/portfolio/[slug]/page.tsx b/src/app/portfolio/[slug]/page.tsx
index 56644cd..cc869b7 100644
--- a/src/app/portfolio/[slug]/page.tsx
+++ b/src/app/portfolio/[slug]/page.tsx
@@ -256,10 +256,10 @@ export default async function Page({
       </div>
       <div className="flex justify-center">
         <div className="grid grid-cols-5 gap-4 w-full max-w-7xl h-screen">
-          <div className="max-h-96 bg-brandmidblue p-4 rounded-lg shadow text-white h-1/2">
+          <div className="max-h-96 bg-white p-4 rounded-lg shadow-lg text-black h-1/2">
             <h2 className="text-lg font-bold mb-4">Portfolio Summary</h2>
             <ul>
-              <li className="px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200">
+              <li className="px-2 mb-2 flex items-center cursor-pointer hover:text-white hover:bg-brandblue hover:rounded-md transition-colors duration-200">
                 Budget: {budget || "Not Set"}
                 <PencilSquareIcon className="h-6 w-6 ml-2" />
               </li>
diff --git a/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx b/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx
index d5f39d0..e87653b 100644
--- a/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx
+++ b/src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx
@@ -326,19 +326,19 @@ export default function Plan({
             })}
           </div>
           <div className="w-1/4 ">
-            <div className="bg-brandmidblue p-4 rounded-lg shadow text-white ">
+            <div className="bg-white p-4 rounded-lg shadow text-black ">
               <h2 className="text-lg font-bold mb-4">Summary</h2>
               <ul>
                 <li
                   onClick={() => setIsEditModalOpen(true)}
-                  className="px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200"
+                  className="hover:text-white px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200"
                 >
                   Target EPC: {targetEpcRating}
                   <PencilSquareIcon className="h-6 w-6 ml-2" />
                 </li>
                 <li
                   onClick={() => setIsBudgetModalOpen(true)}
-                  className="px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200"
+                  className="hover:text-white px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200"
                 >
                   {budget !== "Not set"
                     ? "Budget: £" + formatNumber(budget)
@@ -348,7 +348,7 @@ export default function Plan({
                 <Link
                   href={`/portfolio/${portfolioId}/property/${lmkKey}?postcode=${postcode}`}
                 >
-                  <li className="px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200">
+                  <li className="hover:text-white px-2 mb-2 flex items-center cursor-pointer hover:bg-brandblue hover:rounded-md transition-colors duration-200">
                     Edit Property Details
                     <PencilSquareIcon className="h-6 w-6 ml-2" />
                   </li>