diff --git a/src/components/core/d2-layout-main/components/-header-right/components/FullScreen.vue b/src/components/core/d2-layout-main/components/-header-right/components/-full-screen.vue
similarity index 100%
rename from src/components/core/d2-layout-main/components/-header-right/components/FullScreen.vue
rename to src/components/core/d2-layout-main/components/-header-right/components/-full-screen.vue
diff --git a/src/components/core/d2-layout-main/components/-header-right/components/UserDropdown.vue b/src/components/core/d2-layout-main/components/-header-right/components/-user.vue
similarity index 100%
rename from src/components/core/d2-layout-main/components/-header-right/components/UserDropdown.vue
rename to src/components/core/d2-layout-main/components/-header-right/components/-user.vue
diff --git a/src/components/core/d2-layout-main/components/-header-right/index.vue b/src/components/core/d2-layout-main/components/-header-right/index.vue
index 88736d7b..981d1916 100644
--- a/src/components/core/d2-layout-main/components/-header-right/index.vue
+++ b/src/components/core/d2-layout-main/components/-header-right/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="d2-header-right">
-    <FullScreen></FullScreen>
-    <UserDropdown></UserDropdown>
+    <d2-layout-main-header-right-full-screen/>
+    <d2-layout-main-header-right-user/>
   </div>
 </template>
 
@@ -9,8 +9,8 @@
 export default {
   name: 'd2-layout-main-header-right',
   components: {
-    FullScreen: () => import('./components/FullScreen.vue'),
-    UserDropdown: () => import('./components/UserDropdown.vue')
+    'd2-layout-main-header-right-full-screen': () => import('./components/-full-screen.vue'),
+    'd2-layout-main-header-right-user': () => import('./components/-user.vue')
   }
 }
 </script>