diff --git a/src/webparts/ctFormsPortal/forms/oid/components/Step3ComparisonTable/Step3ComparisonTable.module.scss b/src/webparts/ctFormsPortal/forms/oid/components/Step3ComparisonTable/Step3ComparisonTable.module.scss
index 69d7cb2..bee5a73 100644
--- a/src/webparts/ctFormsPortal/forms/oid/components/Step3ComparisonTable/Step3ComparisonTable.module.scss
+++ b/src/webparts/ctFormsPortal/forms/oid/components/Step3ComparisonTable/Step3ComparisonTable.module.scss
@@ -135,14 +135,14 @@
   border-top: 3px solid $ok !important;
 }
 .thSupplierRec {
-  background: $accent-bg !important;
-  color: $accent-dark;
-  border-top: 3px solid $accent !important;
+  background: $ok-bg !important;
+  color: $ok;
+  border-top: 3px solid $ok !important;
 }
 .thSupplierSel {
-  background: rgba($gold-500, 0.02) !important;
+  background: rgba($ok, 0.05) !important;
   color: $text;
-  border-top: 5px solid $accent !important;
+  border-top: 5px solid $ok !important;
 }
 
 .supplierHeaderCell {
@@ -162,7 +162,7 @@
 .recBadge {
   font-size: 10px;
   font-weight: 600;
-  background: $accent;
+  background: $ok;
   color: $surface;
   border-radius: 10px;
   padding: 1px 6px;
@@ -205,7 +205,7 @@
   font-size: 11px;
   padding: 2px 10px;
   border-radius: 3px;
-  background: $accent;
+  background: $ok;
   color: $surface;
   font-weight: 500;
   white-space: nowrap;
@@ -214,7 +214,7 @@
 .selBadge {
   font-size: 10px;
   font-weight: 600;
-  background: $accent;
+  background: $ok;
   color: $surface;
   border-radius: 10px;
   padding: 1px 6px;