diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index c62ef9c..49614a3 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="dialog-wrapper" :class="{'open' : open}">
-        <div class="overlay">
+    <div class="dialog-wrapper" :class="{'open' : !open}">
+        <div class="overlay" @click="onCloseEvent">
 
         </div>
         <div class="dialog">
@@ -12,7 +12,12 @@
 <script>
 export default {
   name: 'Dialog',
-  props: ['open']
+  props: ['open'],
+  computed: {
+    onCloseEvent () {
+      return this.onClose || (() => {})
+    }
+  }
 }
 </script>