diff --git a/app/assets/javascripts/snippets/components/snippet_blob_edit.vue b/app/assets/javascripts/snippets/components/snippet_blob_edit.vue
index e78b43b12a7db2d2ec7e6cffb09881a3004559c7..d2e7b1d17bb4cbe57a24251cbedae1883a1d0efe 100644
--- a/app/assets/javascripts/snippets/components/snippet_blob_edit.vue
+++ b/app/assets/javascripts/snippets/components/snippet_blob_edit.vue
@@ -1,6 +1,6 @@
 <script>
 import { GlLoadingIcon } from '@gitlab/ui';
-import BlobHeaderEdit from '~/blob/components/blob_edit_header.vue';
+import SnippetBlobEditHeader from '~/snippets/components/snippet_blob_edit_header.vue';
 import { createAlert } from '~/alert';
 import axios from '~/lib/utils/axios_utils';
 import { getBaseURL, joinPaths } from '~/lib/utils/url_utility';
@@ -10,7 +10,7 @@ import SourceEditor from '~/vue_shared/components/source_editor.vue';
 
 export default {
   components: {
-    BlobHeaderEdit,
+    SnippetBlobEditHeader,
     GlLoadingIcon,
     SourceEditor,
   },
@@ -71,7 +71,7 @@ export default {
 </script>
 <template>
   <div class="file-holder snippet" data-testid="file-holder-container">
-    <blob-header-edit
+    <snippet-blob-edit-header
       :id="inputId"
       :value="blob.path"
       data-testid="file-name-field"
diff --git a/app/assets/javascripts/blob/components/blob_edit_header.vue b/app/assets/javascripts/snippets/components/snippet_blob_edit_header.vue
similarity index 100%
rename from app/assets/javascripts/blob/components/blob_edit_header.vue
rename to app/assets/javascripts/snippets/components/snippet_blob_edit_header.vue
diff --git a/spec/frontend/blob/components/blob_edit_header_spec.js b/spec/frontend/snippets/components/snippet_blob_edit_header_spec.js
similarity index 92%
rename from spec/frontend/blob/components/blob_edit_header_spec.js
rename to spec/frontend/snippets/components/snippet_blob_edit_header_spec.js
index b0ce5f40d95580c7620b3d5eeba558b2dc1ca747..a9edca1968bb27f052e4ffe6d3b3d4d6954a46a0 100644
--- a/spec/frontend/blob/components/blob_edit_header_spec.js
+++ b/spec/frontend/snippets/components/snippet_blob_edit_header_spec.js
@@ -1,13 +1,13 @@
 import { GlFormInput, GlButton } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
-import BlobEditHeader from '~/blob/components/blob_edit_header.vue';
+import SnippetBlobEditHeader from '~/snippets/components/snippet_blob_edit_header.vue';
 
-describe('Blob Header Editing', () => {
+describe('Snippet Blob Header Editing', () => {
   let wrapper;
   const value = 'foo.md';
 
   const createComponent = (props = {}) => {
-    wrapper = shallowMount(BlobEditHeader, {
+    wrapper = shallowMount(SnippetBlobEditHeader, {
       propsData: {
         value,
         ...props,
diff --git a/spec/frontend/snippets/components/snippet_blob_edit_spec.js b/spec/frontend/snippets/components/snippet_blob_edit_spec.js
index 539939216215569abc4f34f070c52a6a9cb4839a..e68e93de0d580cb2a84021766bd570d5673d1abd 100644
--- a/spec/frontend/snippets/components/snippet_blob_edit_spec.js
+++ b/spec/frontend/snippets/components/snippet_blob_edit_spec.js
@@ -3,7 +3,7 @@ import { shallowMount } from '@vue/test-utils';
 import AxiosMockAdapter from 'axios-mock-adapter';
 import { TEST_HOST } from 'helpers/test_constants';
 import waitForPromises from 'helpers/wait_for_promises';
-import BlobHeaderEdit from '~/blob/components/blob_edit_header.vue';
+import SnippetBlobEditHeader from '~/snippets/components/snippet_blob_edit_header.vue';
 import { createAlert } from '~/alert';
 import axios from '~/lib/utils/axios_utils';
 import { HTTP_STATUS_INTERNAL_SERVER_ERROR, HTTP_STATUS_OK } from '~/lib/utils/http_status';
@@ -48,7 +48,7 @@ describe('Snippet Blob Edit component', () => {
   };
 
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
-  const findHeader = () => wrapper.findComponent(BlobHeaderEdit);
+  const findHeader = () => wrapper.findComponent(SnippetBlobEditHeader);
   const findContent = () => wrapper.findComponent(SourceEditor);
   const getLastUpdatedArgs = () => {
     const event = wrapper.emitted()['blob-updated'];