diff --git a/adev/src/app/core/layout/footer/footer.component.scss b/adev/src/app/core/layout/footer/footer.component.scss
index 49817d7b1be..3094e2259b4 100644
--- a/adev/src/app/core/layout/footer/footer.component.scss
+++ b/adev/src/app/core/layout/footer/footer.component.scss
@@ -1,11 +1,13 @@
 @use '@angular/docs/styles/media-queries' as mq;
 
+$columns-breakpoint: 600px;
+
 .adev-footer-columns {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 2rem;
 
-  @container footer (max-width: 600px) {
+  @container footer (max-width: #{$columns-breakpoint}) {
     grid-template-columns: repeat(2, 1fr) !important;
   }
 }
@@ -33,6 +35,10 @@
     font-weight: 600;
     margin-block-end: 1.75rem;
     letter-spacing: -0.00875rem;
+
+    @container footer (min-width: #{$columns-breakpoint + 1px}) {
+      white-space: nowrap;
+    }
   }
 
   ul {