diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index 00adcc0..b529d0a 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -1,12 +1,18 @@
 <template>
-    <div class="dialog" :class="{'open' : open}">
+    <div class="dialog-wrapper" :class="{'open' : open}">
+        <div class="overlay">
 
+        </div>
+        <div class="dialog">
+
+        </div>
     </div>
 </template>
 
 <script>
 export default {
-    name: 'Dialog'
+    name: 'Dialog',
+    props: ['open']
 }
 </script>