diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 873f7e61..3b2cf63b 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -166,7 +166,7 @@
     }
 
     .preview-block {
-      background: var(--background);
+      background: var(--background, var(--bg));
       display: flex;
       justify-content: center;
       align-items: center;