diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index 83c662c797f..e3b290fd27e 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2267,6 +2267,11 @@ $footer-link-color: $bg-inverse-link-color !default;
     .popover-body {
         padding: 0;
         .footer-section {
+            // Add a bottom padding to the direct child divs of the footer-section container so the links within will meet SC 2.5.8.
+            > div {
+                padding-bottom: 0.2rem;
+            }
+
             a {
                 color: $body-color;
                 text-decoration: underline;
@@ -2285,6 +2290,13 @@ $footer-link-color: $bg-inverse-link-color !default;
     padding-bottom: 5px;
 }
 
+.footer-content-popover {
+    // Ensure that the footer links when rendered out of the popover will also have sufficient spacing and meet SC 2.5.8.
+    .footer-section > div {
+        padding-bottom: 0.1rem;
+    }
+}
+
 @include media-breakpoint-up(sm) {
     .jsenabled #page-footer .footer-content-popover {
         display: none;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 232e76112b5..cd7c26fb01e 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -25272,6 +25272,9 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
 .popover.footer .popover-body {
   padding: 0;
 }
+.popover.footer .popover-body .footer-section > div {
+  padding-bottom: 0.2rem;
+}
 .popover.footer .popover-body .footer-section a {
   color: #1d2125;
   text-decoration: underline;
@@ -25287,6 +25290,10 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
   padding-bottom: 5px;
 }
 
+.footer-content-popover .footer-section > div {
+  padding-bottom: 0.1rem;
+}
+
 @media (min-width: 576px) {
   .jsenabled #page-footer .footer-content-popover {
     display: none;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 1c883cd968a..156409be756 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -25272,6 +25272,9 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
 .popover.footer .popover-body {
   padding: 0;
 }
+.popover.footer .popover-body .footer-section > div {
+  padding-bottom: 0.2rem;
+}
 .popover.footer .popover-body .footer-section a {
   color: #1d2125;
   text-decoration: underline;
@@ -25287,6 +25290,10 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
   padding-bottom: 5px;
 }
 
+.footer-content-popover .footer-section > div {
+  padding-bottom: 0.1rem;
+}
+
 @media (min-width: 576px) {
   .jsenabled #page-footer .footer-content-popover {
     display: none;