diff --git a/ui/pages/create-account/connect-hardware/index.scss b/ui/pages/create-account/connect-hardware/index.scss
index 9c5f63e88..16d49e2d3 100644
--- a/ui/pages/create-account/connect-hardware/index.scss
+++ b/ui/pages/create-account/connect-hardware/index.scss
@@ -19,7 +19,7 @@
     &__msg {
       @include H6;
 
-      color: #9b9b9b;
+      color: var(--color-text-muted);
       margin-top: 10px;
       margin-bottom: 20px;
     }
@@ -60,7 +60,7 @@
   }
 
   &__btn.selected {
-    border-color: #00a8ee;
+    border-color: var(--color-primary-default);
     width: 149px;
   }
 
@@ -110,7 +110,7 @@
   &__msg {
     @include H6;
 
-    color: #9b9b9b;
+    color: var(--color-text-muted);
     margin-top: 10px;
     margin-bottom: 15px;
 
@@ -124,7 +124,7 @@
   }
 
   &__error {
-    color: #f7861c;
+    color: var(--color-secondary-default);
     margin: 20px 20px 10px;
     display: block;
     text-align: center;
@@ -153,7 +153,7 @@
 
     margin-bottom: 23px;
     align-self: flex-start;
-    color: var(--scorpion);
+    color: var(--color-text-muted);
     font-weight: bold;
     display: flex;
     flex: 1;
@@ -164,7 +164,7 @@
 
     margin-bottom: 23px;
     align-self: flex-end;
-    color: var(--scorpion);
+    color: var(--color-text-muted);
     display: flex;
   }