diff --git a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_title.vue b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_title.vue
index db5e007b81ffa535551d78ba8739e67d6b63017e..c1534bf12ffeda979b407612fff47bcefacdcdcb 100644
--- a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_title.vue
+++ b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_title.vue
@@ -81,9 +81,7 @@ export default {
     <template #sub-header>
       <div data-testid="sub-header" class="gl-display-flex gl-flex-wrap gl-gap-3">
         <gl-sprintf :message="$options.i18n.packageInfo">
-          <template #version>
-            {{ packageEntity.version }}
-          </template>
+          <template #version>{{ packageEntity.version }}</template>
 
           <template #timeAgo>
             <time-ago-tooltip v-if="packageEntity.createdAt" :time="packageEntity.createdAt" />
diff --git a/app/assets/javascripts/packages_and_registries/package_registry/pages/details.vue b/app/assets/javascripts/packages_and_registries/package_registry/pages/details.vue
index a6089fdba52e68f2d5f382f226a8e725cf252014..28004ad47cf4618607a6a30bd94300c6d8b62a4a 100644
--- a/app/assets/javascripts/packages_and_registries/package_registry/pages/details.vue
+++ b/app/assets/javascripts/packages_and_registries/package_registry/pages/details.vue
@@ -108,7 +108,7 @@ export default {
       },
       result() {
         this.breadCrumbState.updateName(
-          `${this.packageEntity?.name} v ${this.packageEntity?.version}`,
+          `${this.packageEntity?.name} v${this.packageEntity?.version}`,
         );
       },
     },
diff --git a/spec/frontend/packages_and_registries/package_registry/components/details/package_title_spec.js b/spec/frontend/packages_and_registries/package_registry/components/details/package_title_spec.js
index 7fe8db1c2f7494fad849ac933bea742dac7a574c..c2e10d75fc083e165f9c90636cec747944bd59cb 100644
--- a/spec/frontend/packages_and_registries/package_registry/components/details/package_title_spec.js
+++ b/spec/frontend/packages_and_registries/package_registry/components/details/package_title_spec.js
@@ -123,7 +123,7 @@ describe('PackageTitle', () => {
     it('has a text showing version', async () => {
       await createComponent();
 
-      expect(findSubHeaderText().text()).toMatchInterpolatedText('v 1.0.0 published');
+      expect(findSubHeaderText().text()).toMatchInterpolatedText('v1.0.0 published');
     });
 
     it('has a time ago tooltip component', async () => {
diff --git a/spec/frontend/packages_and_registries/package_registry/pages/details_spec.js b/spec/frontend/packages_and_registries/package_registry/pages/details_spec.js
index c936af112f82b9d49822aa9c36e26ec2c92cc244..554f7f2feb8ded07731c111257d0b92c2d69f62a 100644
--- a/spec/frontend/packages_and_registries/package_registry/pages/details_spec.js
+++ b/spec/frontend/packages_and_registries/package_registry/pages/details_spec.js
@@ -212,7 +212,7 @@ describe('PackagesApp', () => {
 
     await waitForPromises();
 
-    expect(breadCrumbState.updateName).toHaveBeenCalledWith(`${name} v ${version}`);
+    expect(breadCrumbState.updateName).toHaveBeenCalledWith(`${name} v${version}`);
   });
 
   describe('delete package', () => {