diff --git a/src/components/Footer.module.scss b/src/components/Footer.module.scss
index bf9698626..98279f3cb 100644
--- a/src/components/Footer.module.scss
+++ b/src/components/Footer.module.scss
@@ -2,7 +2,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  color: var(--color-neutrals-600);
+  color: var(--secondary-text-color);
   font-size: 0.75rem;
   z-index: 1;
 
@@ -27,7 +27,7 @@
 .copyright {
   margin-left: 0.5rem;
   padding-left: 0.5rem;
-  border-left: 1px dotted var(--color-neutrals-400);
+  border-left: 1px dotted var(--border-color);
 
   @media (max-width: 760px) {
     border-left: none;
diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
index c4f28a34a..31c2c48f5 100644
--- a/src/components/Layout.module.scss
+++ b/src/components/Layout.module.scss
@@ -37,7 +37,7 @@
 }
 
 .footer {
-  border-top: 1px solid var(--color-neutrals-100);
+  border-top: 1px solid var(--divider-color);
   padding-top: 2rem;
   margin-top: 4rem;
 }
diff --git a/src/components/Sidebar.module.scss b/src/components/Sidebar.module.scss
index f007215b5..c5b76c829 100644
--- a/src/components/Sidebar.module.scss
+++ b/src/components/Sidebar.module.scss
@@ -1,10 +1,10 @@
 .sidebar {
   padding: 2rem;
-  border-right: 1px solid var(--color-neutrals-100);
+  border-right: 1px solid var(--divider-color);
 
   @media screen and (max-width: 760px) {
     height: 60px;
-    border-bottom: 1px solid var(--color-neutrals-100);
+    border-bottom: 1px solid var(--divider-color);
   }
 }