diff --git a/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-dark.json b/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-dark.json
index f4d2440717..1f91b484ba 100644
--- a/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-dark.json
+++ b/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-dark.json
@@ -138,6 +138,7 @@
           },
           "active": {
             "value": "{sema.color.pressed.background.light.value}"
+          }
         },
         "elevation": {
           "default": {
diff --git a/packages/gestalt/src/Button.css b/packages/gestalt/src/Button.css
index 71720d7912..7aa0a46bec 100644
--- a/packages/gestalt/src/Button.css
+++ b/packages/gestalt/src/Button.css
@@ -203,7 +203,7 @@ a.lgVr:focus {
 }
 
 .light {
-  background-color: var(--color-background-button-light-default);
+  background-color: var(--color-background-light);
 }
 
 .light:hover {
diff --git a/packages/gestalt/src/ButtonLink.tsx b/packages/gestalt/src/ButtonLink.tsx
index 0984dcee70..9a78f6c664 100644
--- a/packages/gestalt/src/ButtonLink.tsx
+++ b/packages/gestalt/src/ButtonLink.tsx
@@ -20,8 +20,8 @@ const DEFAULT_TEXT_COLORS = {
   semiTransparentWhite: 'default',
   transparentWhiteText: 'inverse',
   white: 'default',
-  light: 'light',
-  dark: 'dark',
+  light: 'dark',
+  dark: 'light',
 } as const;
 
 const SIZE_NAME_TO_PIXEL = {