diff --git a/packages/components/src/components/telekom/app-footer/app-footer.css b/packages/components/src/components/telekom/app-footer/app-footer.css
index a1bec0ef2b..6debaa3c27 100644
--- a/packages/components/src/components/telekom/app-footer/app-footer.css
+++ b/packages/components/src/components/telekom/app-footer/app-footer.css
@@ -70,7 +70,7 @@
 }
 
 .footer-container {
-  background: var(--background-container);
+  background: var(--background);
 }
 
 .footer--variant-angular .footer {
@@ -88,7 +88,6 @@
   position: relative;
   z-index: 1;
   height: var(--radius);
-  top: var(--radius);
   background: var(--background-mask);
   border-radius: var(--radius-mask);
 }