diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 489bd1e..678c210 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -58,7 +58,7 @@ export default function AboutPage() {
       headingFontWeight={"light"}
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered navItems={navItems.map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))} button={navButton} brandName="Hope Haven" className="py-4" />
+        <NavbarStyleCentered navItems={navItems} button={navButton} brandName="Hope Haven" className="py-4" />
       </div>
 
       <div id="about-us" data-section="about-us">
@@ -92,7 +92,7 @@ export default function AboutPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Making a Difference"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           metricTitleClassName="font-light"
         />
@@ -110,7 +110,7 @@ export default function AboutPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Partnerships"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           logoTextClassName="font-light"
         />
@@ -120,7 +120,6 @@ export default function AboutPage() {
         columns={footerColumns}
         logoText="Hope Haven"
         copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
-        useInvertedBackground={false}
       />
     </ThemeProvider>
   );