diff --git a/packages/ui/src/theme/themes/oc-2.json b/packages/ui/src/theme/themes/oc-2.json
index ab17d9b6f..897c7b62c 100644
--- a/packages/ui/src/theme/themes/oc-2.json
+++ b/packages/ui/src/theme/themes/oc-2.json
@@ -116,8 +116,8 @@
       "text-on-brand-weaker": "var(--gray-light-alpha-8)",
       "text-on-brand-strong": "var(--gray-light-alpha-12)",
       "button-primary-base": "var(--gray-light-12)",
-      "button-secondary-base": "#fdfcfc",
-      "button-secondary-hover": "#faf9f9",
+      "button-secondary-base": "var(--gray-light-alpha-2)",
+      "button-secondary-hover": "var(--gray-light-alpha-3)",
       "border-base": "var(--gray-light-alpha-7)",
       "border-hover": "var(--gray-light-alpha-8)",
       "border-active": "var(--gray-light-alpha-9)",
@@ -382,8 +382,8 @@
       "text-on-brand-weaker": "var(--gray-dark-alpha-8)",
       "text-on-brand-strong": "var(--gray-dark-alpha-12)",
       "button-primary-base": "var(--gray-dark-12)",
-      "button-secondary-base": "#231f1f",
-      "button-secondary-hover": "#2a2727",
+      "button-secondary-base": "var(--gray-dark-alpha-2)",
+      "button-secondary-hover": "var(--gray-dark-alpha-3)",
       "border-base": "var(--gray-dark-alpha-7)",
       "border-hover": "var(--gray-dark-alpha-8)",
       "border-active": "var(--gray-dark-alpha-9)",