diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index b529d0a..c850693 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -11,8 +11,8 @@
 
 <script>
 export default {
-    name: 'Dialog',
-    props: ['open']
+  name: 'Dialog',
+  props: ['open']
 }
 </script>
 
diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index a21fdfa..c159f07 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -122,6 +122,7 @@
 <script>
 import MenuGroup from '../components/MenuGroup'
 import MenuItem from '../components/MenuItem'
+import Dialog from '../components/Dialog'
 import projectPackage from '~/package.json'
 import Logo from '../components/Logo'
 import { mapActions, mapGetters } from 'vuex'
@@ -131,7 +132,7 @@ import OverscrollPlugin from 'smooth-scrollbar/plugins/overscroll'
 Scrollbar.use(OverscrollPlugin)
 export default {
   name: 'DockableSidebar',
-  components: { MenuGroup, MenuItem, Logo, Button },
+  components: { MenuGroup, MenuItem, Logo, Button, Dialog },
   data: () => {
     return { version: projectPackage.version }
   },