diff --git a/css/components/landing_page.css b/css/components/landing_page.css
index 7ca4075..0501739 100755
--- a/css/components/landing_page.css
+++ b/css/components/landing_page.css
@@ -59,7 +59,7 @@ article.node.node--type-landing-page h2 {
   text-align: center;
 }
 .hero-section {
-  border: 10px solid #d0bca4;
+  border: 10px solid var(--color--lmmi-tan--50);
   height: 300px;
   background-size: cover !important;
 }
diff --git a/css/components/pager.css b/css/components/pager.css
index 150b6db..a491574 100755
--- a/css/components/pager.css
+++ b/css/components/pager.css
@@ -52,6 +52,7 @@
 .pager__item--active {
   color: var(--color--white);
   background-color: var(--color--primary-40);
+  background-color: var(--color--lmmi-tan);
 }
 
 @media (forced-colors: active) {