diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index b99b369d43a..bb0e8e98919 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2298,7 +2298,7 @@ ul {
 // rather than being specific to the footer. This is kept for backwards compatibility.
 $footer-link-color: $bg-inverse-link-color !default;
 
-.footer-dark {
+.footer-dark .container {
     a {
         color: $footer-link-color;
         text-decoration: underline;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index cb8b4df8d78..4704106f3e0 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -11735,12 +11735,12 @@ ul {
       margin-top: 30px;
       margin-right: 0; } }
 
-.footer-dark a {
+.footer-dark .container a {
   color: #fff;
   text-decoration: underline; }
-  .footer-dark a .icon {
+  .footer-dark .container a .icon {
     color: #fff; }
-  .footer-dark a:focus .icon {
+  .footer-dark .container a:focus .icon {
     color: #212529; }
 
 .btn-footer-popover {
diff --git a/theme/boost/templates/footer.mustache b/theme/boost/templates/footer.mustache
index 907d4ed6b19..f2a6e58a310 100644
--- a/theme/boost/templates/footer.mustache
+++ b/theme/boost/templates/footer.mustache
@@ -35,7 +35,7 @@
             {{#pix}}e/question, core{{/pix}}
         </button>
     </div>
-    <div class="footer-content-popover" data-region="footer-content-popover">
+    <div class="footer-content-popover container" data-region="footer-content-popover">
 
         {{# output.page_doc_link }}
             <div class="footer-section p-3 border-bottom">
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index d99ffa7de6c..fc198d5b7af 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -11735,12 +11735,12 @@ ul {
       margin-top: 30px;
       margin-right: 0; } }
 
-.footer-dark a {
+.footer-dark .container a {
   color: #fff;
   text-decoration: underline; }
-  .footer-dark a .icon {
+  .footer-dark .container a .icon {
     color: #fff; }
-  .footer-dark a:focus .icon {
+  .footer-dark .container a:focus .icon {
     color: #212529; }
 
 .btn-footer-popover {