diff --git a/frontend/components/organisms/SideBarLeft.vue b/frontend/components/organisms/TheSideBar.vue
similarity index 100%
rename from frontend/components/organisms/SideBarLeft.vue
rename to frontend/components/organisms/TheSideBar.vue
diff --git a/frontend/layouts/annotation.vue b/frontend/layouts/annotation.vue
index 2340d744..dc4d48bd 100644
--- a/frontend/layouts/annotation.vue
+++ b/frontend/layouts/annotation.vue
@@ -11,7 +11,7 @@
         clipped
         color=""
       >
-        <side-bar-left />
+        <the-side-bar />
       </v-navigation-drawer>
     </template>
 
@@ -23,12 +23,12 @@
 
 <script>
 import BaseLayout from '~/layouts/BaseLayout'
-import SideBarLeft from '~/components/organisms/SideBarLeft'
+import TheSideBar from '~/components/organisms/TheSideBar'
 
 export default {
   components: {
     BaseLayout,
-    SideBarLeft
+    TheSideBar
   },
   data() {
     return {
diff --git a/frontend/layouts/project.vue b/frontend/layouts/project.vue
index 07916305..ff906a79 100644
--- a/frontend/layouts/project.vue
+++ b/frontend/layouts/project.vue
@@ -11,7 +11,7 @@
         clipped
         color=""
       >
-        <side-bar-left />
+        <the-side-bar />
       </v-navigation-drawer>
     </template>
 
@@ -36,12 +36,12 @@
 
 <script>
 import BaseLayout from '~/layouts/BaseLayout'
-import SideBarLeft from '~/components/organisms/SideBarLeft'
+import TheSideBar from '~/components/organisms/TheSideBar'
 
 export default {
   components: {
     BaseLayout,
-    SideBarLeft
+    TheSideBar
   },
   data: () => ({
     drawerLeft: false