diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 3efdf9a..4921c5f 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -39,7 +39,7 @@ export default function GalleryPage() {
         <div id="gallery" data-section="gallery">
             <FeatureCardTwentyFour
                 title="Our Gallery"
-                titleClassName="text-3xl"
+                cardTitleClassName="text-3xl"
                 description="Explore our premium barbershop interiors, skilled barbers at work, and our signature cuts and styles."
                 textboxLayout="default"
                 animationType="slide-up"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 14ccb65..7017820 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -38,7 +38,7 @@ export default function ServicesPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             title="Our Services"
-            titleClassName="text-3xl"
+            cardTitleClassName="text-3xl"
             description="Expert grooming tailored to your style."
             features={[
                 { id: "1", label: "Cuts", title: "Precision Scissor Cuts", items: ["Master stylist consultation", "Expert shaping and texturizing", "Scalp conditioning wash"] },