diff --git a/src/App.vue b/src/App.vue
index 0d30f7f..41b1cf9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@ import DocumentLocaleSetter from '@/components/locale/DocumentLocaleSetter.vue';
 import NavBar from '@/components/NavBar.vue';
 import LocaleSaver from '@/components/locale/LocaleSaver.vue';
 import StoragePersist from '@/components/StoragePersist.vue';
-import SideBar from '@/components/SideBar.vue';
+import SideBar from '@/components/sidebar/SideBar.vue';
 
 @Options({
   name: 'App',
diff --git a/src/components/SideBar.vue b/src/components/sidebar/SideBar.vue
similarity index 93%
rename from src/components/SideBar.vue
rename to src/components/sidebar/SideBar.vue
index 4799152..bbeb06c 100644
--- a/src/components/SideBar.vue
+++ b/src/components/sidebar/SideBar.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
-import SideBarNavItem from '@/components/SideBarNavItem.vue';
+import SideBarNavItem from '@/components/sidebar/SideBarNavItem.vue';
 import {Prop} from 'vue-property-decorator';
 import LocaleSelector from '@/components/locale/LocaleSelector.vue';
 import BootstrapThemeSwitch from '@/components/bootstrapThemeSwitch/BootstrapThemeSwitch.vue';
-import SideBarHead from '@/components/SideBarHead.vue';
+import SideBarHead from '@/components/sidebar/SideBarHead.vue';
 
 @Options({
   name: 'SideBar',
diff --git a/src/components/SideBarHead.vue b/src/components/sidebar/SideBarHead.vue
similarity index 100%
rename from src/components/SideBarHead.vue
rename to src/components/sidebar/SideBarHead.vue
diff --git a/src/components/SideBarNavItem.vue b/src/components/sidebar/SideBarNavItem.vue
similarity index 100%
rename from src/components/SideBarNavItem.vue
rename to src/components/sidebar/SideBarNavItem.vue