diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index f8f51620..ea2a437a 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -172,6 +172,8 @@
       height: 33%;
       border-radius: var(--roundness);
       background: var(--background);
+      box-shadow: var(--shadow);
+      border: 1px solid var(--border);
     }
   }
 }
@@ -187,6 +189,11 @@ export default {
     'previewStyle',
     'disabled'
   ],
+  data () {
+    return {
+      lightGrid: false
+    }
+  },
   emits: ['update:shadow'],
   components: {
     Checkbox