diff --git a/src/features/sidebar/components/Sidebar.vue b/src/features/sidebar/components/AppSidebar.vue
similarity index 100%
rename from src/features/sidebar/components/Sidebar.vue
rename to src/features/sidebar/components/AppSidebar.vue
diff --git a/src/layouts/LeftSidebarLayout.vue b/src/layouts/LeftSidebarLayout.vue
index 2cb189f..887547e 100644
--- a/src/layouts/LeftSidebarLayout.vue
+++ b/src/layouts/LeftSidebarLayout.vue
@@ -15,7 +15,7 @@ limitations under the License.
 -->
 
 <script setup>
-import Sidebar from '@/features/sidebar/components/Sidebar.vue';
+import AppSidebar from '@/features/sidebar/components/AppSidebar.vue';
 import SidebarExpandButton from '@/features/sidebar/components/SidebarExpandButton.vue';
 import { ref } from 'vue';
 
@@ -39,9 +39,9 @@ const toggleSidebar = function toggleSidebar() {
         <div class="sidebar-expand-button-container">
             <SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" />
         </div>
-        <Sidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
+        <AppSidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
             <slot name="sidebar" :toggleSidebar="toggleSidebar" />
-        </Sidebar>
+        </AppSidebar>
         <main class="main-content">
             <slot :toggleSidebar="toggleSidebar" />
         </main>