Use primary button color for secondary button border

ethyca · May 19, 2023 · 61b164c · 61b164c
1 parent d7433f1
commit 61b164c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/clients/fides-js/src/lib/overlay.module.css b/clients/fides-js/src/lib/overlay.module.css
@@ -3,7 +3,7 @@
 */
 :root {
   /* Colors */
-  --fides-consent-overlay-primary-color: #8243f2;
+  --fides-consent-overlay-primary-color: tomato;
   --fides-consent-overlay-background-color: #f7fafc;
   --fides-consent-overlay-font-color: #4a5568;
   --fides-consent-overlay-hover-color: #edf2f7;
@@ -149,7 +149,7 @@ button.fides-consent-banner-button:hover {
 button.fides-consent-banner-button.fides-consent-banner-button-primary {
   background: var(--fides-consent-overlay-primary-button-background-color);
   color: var(--fides-consent-overlay-primary-button-text-color);
-  border-color: var(--fides-consent-overlay-primary-button-border-color);
+  border: none;
 }
 
 button.fides-consent-banner-button.fides-consent-banner-button-primary:hover {
@@ -161,7 +161,7 @@ button.fides-consent-banner-button.fides-consent-banner-button-primary:hover {
 button.fides-consent-banner-button.fides-consent-banner-button-secondary {
   background: var(--fides-consent-overlay-secondary-button-background-color);
   color: var(--fides-consent-overlay-secondary-button-text-color);
-  border-color: var(--fides-consent-overlay-secondary-button-border-color);
+  border: 1px solid var(--fides-consent-overlay-primary-button-background-color);
 }
 
 button.fides-consent-banner-button.fides-consent-banner-button-secondary:hover {