diff --git a/ee/app/assets/javascripts/dependencies/components/dependency_path_drawer.vue b/ee/app/assets/javascripts/dependencies/components/dependency_path_drawer.vue
index ba9f5b17a55a2b5facd18a15cd4bf8e7172e8a0f..e1529f60fcd707555c3ece3ee1bb34545a609f63 100644
--- a/ee/app/assets/javascripts/dependencies/components/dependency_path_drawer.vue
+++ b/ee/app/assets/javascripts/dependencies/components/dependency_path_drawer.vue
@@ -38,6 +38,7 @@ export default {
   i18n: {
     drawerTitle: s__('Vulnerability|Dependency paths'),
     projectTitle: s__('Vulnerability|Project'),
+    componentTitle: s__('Vulnerability|Component'),
   },
   getContentWrapperHeight,
   DRAWER_Z_INDEX,
@@ -60,8 +61,9 @@ export default {
     </template>
     <template v-if="showHeader" #header>
       <div class="gl-mt-3" data-testid="dependency-path-drawer-header">
-        <strong>{{ dependency.name }}</strong>
-        <span class="gl-ml-2">{{ dependency.version }}</span>
+        <strong>{{ $options.i18n.componentTitle }}:</strong>
+        <span>{{ dependency.name }}</span>
+        <span>{{ dependency.version }}</span>
       </div>
     </template>
     <div v-if="showProject" data-testid="dependency-path-drawer-project">
diff --git a/ee/spec/frontend/dependencies/components/dependency_path_drawer_spec.js b/ee/spec/frontend/dependencies/components/dependency_path_drawer_spec.js
index a15f0183ff0de2301de6a4c339255a208d79d941..9ba9dad084f09acbb1c6019d2d47f5003cdd7272 100644
--- a/ee/spec/frontend/dependencies/components/dependency_path_drawer_spec.js
+++ b/ee/spec/frontend/dependencies/components/dependency_path_drawer_spec.js
@@ -65,9 +65,8 @@ describe('DependencyPathDrawer component', () => {
     it('shows header text when component exists', () => {
       createComponent({ showDrawer: true });
 
-      const header = findHeader();
-      expect(header.text()).toContain(defaultDependency.name);
-      expect(header.text()).toContain(defaultDependency.version);
+      const { name, version } = defaultDependency;
+      expect(findHeader().text()).toBe(`Component: ${name} ${version}`);
     });
 
     it('does not show header text when component does not exist', () => {
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index 865c59be2098ac49ead7f5da8af94fdb2b046e5d..1433b7dbc2830ba570f32f264b262f9959b9e911 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -64697,6 +64697,9 @@ msgstr ""
 msgid "Vulnerability|Comments"
 msgstr ""
 
+msgid "Vulnerability|Component"
+msgstr ""
+
 msgid "Vulnerability|Crash address:"
 msgstr ""