diff --git a/packages/components/src/components/telekom/app-footer/app-footer.tsx b/packages/components/src/components/telekom/app-footer/app-footer.tsx
index 38dbc8c3c1..382059acbe 100644
--- a/packages/components/src/components/telekom/app-footer/app-footer.tsx
+++ b/packages/components/src/components/telekom/app-footer/app-footer.tsx
@@ -83,7 +83,7 @@ export class AppFooter {
                   <slot name="navigation"></slot>
                 ) : (
                   <ul>
-                    {this.footerNavigation.map((item) => (
+                    {readData(this.footerNavigation).map((item) => (
                       <li class="footer-navigation__item">
                         <a
                           class="footer-navigation__item-link"