diff --git a/frontend/src/views/apps/LocalPagesApp.contract.test.ts b/frontend/src/views/apps/LocalPagesApp.contract.test.ts
index 5837b0a..0467db7 100644
--- a/frontend/src/views/apps/LocalPagesApp.contract.test.ts
+++ b/frontend/src/views/apps/LocalPagesApp.contract.test.ts
@@ -24,6 +24,9 @@ describe('LocalPagesApp Sky UI contract', () => {
       /\.pages-hero-glass\s*\{[^}]*background:\s*linear-gradient[^}]*color:\s*#fff/s,
     )
     expect(source).toMatch(/\.pages__hero\s*\{[^}]*color:\s*#fff/s)
+    expect(source).toMatch(
+      /\.pages-hero-glass \.pages__hero small,[\s\S]*?\.pages-hero-glass \.pages__hero strong,[\s\S]*?\.pages-hero-glass \.pages__hero span\s*\{[^}]*color:\s*#fff/,
+    )
   })
 
   it('animates successful likes and saves with reduced motion support', () => {
diff --git a/frontend/src/views/apps/LocalPagesApp.vue b/frontend/src/views/apps/LocalPagesApp.vue
index fadaf69..64b36be 100644
--- a/frontend/src/views/apps/LocalPagesApp.vue
+++ b/frontend/src/views/apps/LocalPagesApp.vue
@@ -2791,6 +2791,11 @@ onMounted(async () => {
   color: #fff;
   box-shadow: 0 8px 22px rgb(0 0 0 / 22%);
 }
+.pages-hero-glass .pages__hero small,
+.pages-hero-glass .pages__hero strong,
+.pages-hero-glass .pages__hero span {
+  color: #fff;
+}
 .pages__hero {
   height: 105px;
   margin: 0;