diff --git a/src/components/MigrationNotice.vue b/src/components/VMigrationNotice.vue
similarity index 74%
rename from src/components/MigrationNotice.vue
rename to src/components/VMigrationNotice.vue
index ee8948d8ca..1f582ab7da 100644
--- a/src/components/MigrationNotice.vue
+++ b/src/components/VMigrationNotice.vue
@@ -1,5 +1,5 @@
 <template>
-  <NoticeBar>
+  <VNoticeBar>
     {{ $t('migration-notice.intro') }}
     <i18n tag="span" path="migration-notice.more">
       <template #read-more>
@@ -11,14 +11,14 @@
         >
       </template>
     </i18n>
-  </NoticeBar>
+  </VNoticeBar>
 </template>
 
 <script>
-import NoticeBar from '~/components/NoticeBar/NoticeBar.vue'
+import VNoticeBar from '~/components/VNoticeBar/VNoticeBar.vue'
 
 export default {
-  name: 'MigrationNotice',
-  components: { NoticeBar },
+  name: 'VMigrationNotice',
+  components: { VNoticeBar },
 }
 </script>
diff --git a/src/components/NoticeBar/NoticeBar.vue b/src/components/VNoticeBar/VNoticeBar.vue
similarity index 94%
rename from src/components/NoticeBar/NoticeBar.vue
rename to src/components/VNoticeBar/VNoticeBar.vue
index d7141f17c6..0b37fd461c 100644
--- a/src/components/NoticeBar/NoticeBar.vue
+++ b/src/components/VNoticeBar/VNoticeBar.vue
@@ -13,6 +13,6 @@
  * the parent component.
  */
 export default {
-  name: 'NoticeBar',
+  name: 'VNoticeBar',
 }
 </script>
diff --git a/src/components/NoticeBar/meta/NoticeBar.stories.mdx b/src/components/VNoticeBar/meta/NoticeBar.stories.mdx
similarity index 90%
rename from src/components/NoticeBar/meta/NoticeBar.stories.mdx
rename to src/components/VNoticeBar/meta/NoticeBar.stories.mdx
index 42f7e48b1d..314b2486a4 100644
--- a/src/components/NoticeBar/meta/NoticeBar.stories.mdx
+++ b/src/components/VNoticeBar/meta/NoticeBar.stories.mdx
@@ -6,7 +6,7 @@ import {
   Story,
 } from '@storybook/addon-docs'
 
-import NoticeBar from '~/components/NoticeBar/NoticeBar'
+import NoticeBar from '@/components/VNoticeBar/VNoticeBar'
 
 <Meta title="Components/Notice bar" component={NoticeBar} />
 
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 634a9cf4b0..ff1bc5f75c 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -2,7 +2,7 @@
   <div class="app grid h-screen overflow-hidden relative">
     <div>
       <VTeleportTarget name="skip-to-content" :force-destroy="true" />
-      <MigrationNotice v-show="isReferredFromCc" />
+      <VMigrationNotice v-show="isReferredFromCc" />
       <VTranslationStatusBanner />
       <VHeader />
     </div>
@@ -33,7 +33,7 @@ import { isMinScreen } from '~/composables/use-media-query'
 import { useMatchSearchRoutes } from '~/composables/use-match-routes'
 import { useScroll } from '~/composables/use-scroll'
 
-import MigrationNotice from '~/components/MigrationNotice.vue'
+import VMigrationNotice from '~/components/VMigrationNotice.vue'
 import VTranslationStatusBanner from '~/components/VTranslationStatusBanner.vue'
 import VHeader from '~/components/VHeader/VHeader.vue'
 import VModalTarget from '~/components/VModal/VModalTarget.vue'
@@ -44,7 +44,7 @@ import VTeleportTarget from '~/components/VTeleport/VTeleportTarget.vue'
 const embeddedPage = {
   name: 'embedded',
   components: {
-    MigrationNotice,
+    VMigrationNotice,
     VTranslationStatusBanner,
     VHeader,
     VModalTarget,