diff --git a/packages/tailwind-config/variables.css b/packages/tailwind-config/variables.css
index d834b89856..a23cbbbd98 100644
--- a/packages/tailwind-config/variables.css
+++ b/packages/tailwind-config/variables.css
@@ -297,7 +297,7 @@
   /* Background colors */
   --background-color-canvas: var(--color-neutral-300);
   --background-color-surface-1: var(--color-neutral-white);
-  --background-color-surface-2: var(--color-neutral-200);
+  --background-color-surface-2: var(--color-neutral-100);
   --background-color-layer-1: var(--color-neutral-200);
   --background-color-layer-1-hover: var(--color-neutral-300);
   --background-color-layer-1-active: var(--color-neutral-400);
@@ -621,7 +621,7 @@
       /* Background colors */
       --background-color-canvas: var(--color-neutral-black);
       --background-color-surface-1: var(--color-neutral-100);
-      --background-color-surface-2: var(--color-neutral-100);
+      --background-color-surface-2: var(--color-neutral-200);
       --background-color-layer-1: var(--color-neutral-200);
       --background-color-layer-1-hover: var(--color-neutral-300);
       --background-color-layer-1-active: var(--color-neutral-400);