diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 933c9e774..24cf373e2 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -8,7 +8,7 @@
 
 .mainNavigationItem {
   padding: var(--Spacing-x3) 0;
-  border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider);
+  border-bottom: 1px solid var(--Base-Border-Normal);
   &:first-child {
     padding-top: 0;
   }
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index db086dcb7..5b4d8ae86 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -1,5 +1,5 @@
 .section {
-  background: var(--Primary-Light-Surface-Normal);
+  background: var(--Base-Surface-Subtle-Normal);
   padding: var(--Spacing-x7) var(--Spacing-x2);
 }