diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index ab68118..28cac50 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -22,13 +22,17 @@ export default {
 </script>
 
 <style scoped lang="sass">
-.dialog-wrapper.open
+.dialog-wrapper
+    z-index: 1400
     position: absolute
     left: 0
     top: 0
     width: 100vw
     height: 100vh
     display: flex
+    opacity: 0
+    transition: opacity 150ms
+    pointer-events: none
     align-items: center
     justify-content: center
     .overlay
@@ -48,4 +52,8 @@ export default {
         min-width: 250px
         z-index: 1400
         box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)
+.dialog-wrapper.open
+    pointer-events: all
+    opacity: 1
+    
 </style>