diff --git a/libs/components/tailwind.config.base.js b/libs/components/tailwind.config.base.js
index bd88f5471ff..c35a2ec98ef 100644
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -72,7 +72,7 @@ module.exports = {
         code: rgba("--color-text-code"),
       },
       background: {
-        DEFAULT: rgba("--color-background"),
+        DEFAULT: "var(--color-bg-primary)",
         alt: rgba("--color-background-alt"),
         alt2: rgba("--color-background-alt2"),
         alt3: rgba("--color-background-alt3"),