diff --git a/ui/src/app/metadata/manager/container/manager.component.scss b/ui/src/app/metadata/manager/container/manager.component.scss
index be974d8a3..4c063a6a6 100644
--- a/ui/src/app/metadata/manager/container/manager.component.scss
+++ b/ui/src/app/metadata/manager/container/manager.component.scss
@@ -6,10 +6,10 @@
     }
 
     .nav-tabs, .nav-link.active {
-        border-color: $blue;
+        border-color: $brand-primary;
     }
 
     .nav-link:hover {
-        border-bottom-color: $blue;
+        border-bottom-color: $brand-primary;
     }
 }
\ No newline at end of file
diff --git a/ui/src/app/shared/switch/switch.component.scss b/ui/src/app/shared/switch/switch.component.scss
index db1d8b0e4..0571b7ce9 100644
--- a/ui/src/app/shared/switch/switch.component.scss
+++ b/ui/src/app/shared/switch/switch.component.scss
@@ -7,8 +7,8 @@
 
     $transition-duration: 400ms;
 
-    $off-color: $red;
-    $on-color: $light-blue;
+    $off-color: $brand-danger;
+    $on-color: $brand-info;
 
     $distance: 26px;