diff --git a/ui/pages/settings/contact-list-tab/index.scss b/ui/pages/settings/contact-list-tab/index.scss
index 6d2528fdb..7bfd99398 100644
--- a/ui/pages/settings/contact-list-tab/index.scss
+++ b/ui/pages/settings/contact-list-tab/index.scss
@@ -80,20 +80,20 @@
   }
 
   &__link {
-    background-color: #fff;
-    color: #037dd6;
+    background-color: transparent;
+    color: var(--color-primary-default);
   }
 
   &__input {
     @include H4;
 
-    border: 1px solid var(--Grey-200);
+    border: 1px solid var(--color-border-muted);
     border-radius: 6px;
-    color: var(--Grey-800);
+    color: var(--color-text-muted);
     padding: 0.875rem 1rem;
 
     &:focus-within {
-      border-color: var(--Blue-500);
+      border-color: var(--color-primary-default);
     }
 
     margin-top: 0.25rem;
@@ -129,7 +129,7 @@
       &__label--capitalized {
         @include H7;
 
-        color: var(--Grey-500);
+        color: var(--color-text-alternative);
         margin-bottom: 0.25rem;
       }
 
@@ -143,7 +143,7 @@
 
         display: flex;
         flex-flow: row nowrap;
-        color: var(--Grey-800);
+        color: var(--color-text-muted);
         word-break: break-word;
 
         &--address {