diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 1012822..b8ade26 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="pt-5 pb-3 bg-dark text-light">
+<footer class="pt-5 pb-3">
   <div class="container">
     <div class="row row-cols-1 row-cols-md-2 row-cols-lg-5 g-4 mb-4">
       <div class="col footer-brand-col">
@@ -33,11 +33,11 @@
       <div class="col">
         <h4 class="footer-heading">{{ i18n "footer-product" }}</h4>
         <ul class="footer-links">
-          <li><a href="#features">{{ i18n "footer-happydomain-features" }}</a></li>
-          <li><a href="#discover">{{ i18n "discover-title" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/#features">{{ i18n "footer-happydomain-features" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/#discover">{{ i18n "discover-title" }}</a></li>
           <li><a href="https://try.happydomain.org/" data-umami-event="footer-tryit">{{ i18n "tryit" }}</a></li>
           <!--li><a href="#">{{ i18n "footer-happydomain-testimonials" }}</a></li-->
-          <li><a href="#downloads">{{ i18n "footer-happydomain-downloads" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/#downloads">{{ i18n "footer-happydomain-downloads" }}</a></li>
           <!--li><a href="#">{{ i18n "footer-happydomain-prices" }}</a></li-->
         </ul>
       </div>
diff --git a/static/css/custom.css b/static/css/custom.css
index 1745c71..ad74107 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -256,6 +256,10 @@ img {
 
 footer {
     border-top: 3px solid var(--hd-plum-400);
+    /* Footer is always a dark band (all child text is hardcoded white),
+       so pin its colors instead of using the theme-reactive .bg-dark/.text-light. */
+    background-color: #212529;
+    color: #f8f9fa;
 }
 
 .footer-tagline {