diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index 36f480e..9f52ba6 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -76,7 +76,7 @@ export default function EventsPage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground={true}
           carouselMode="buttons"
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f85d9cf..a656beb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -90,7 +90,7 @@ export default function HomePage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
+          useInvertedBackground={false}
           buttonAnimation="slide-up"
         />
       </div>
@@ -114,7 +114,7 @@ export default function HomePage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground={true}
           buttonAnimation="slide-up"
         />
       </div>
diff --git a/src/app/schools/page.tsx b/src/app/schools/page.tsx
index b5331eb..fe1cd80 100644
--- a/src/app/schools/page.tsx
+++ b/src/app/schools/page.tsx
@@ -67,7 +67,7 @@ export default function SchoolsPage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
+          useInvertedBackground={false}
           buttonAnimation="slide-up"
         />
       </div>