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