diff --git a/app/assets/javascripts/jobs/components/sidebar.vue b/app/assets/javascripts/jobs/components/sidebar.vue
index 0f590e077bfe2541fa2aab0c31bfaa4935ff6d69..934ecd0e3ec6aa8a05bd9a98813ed7e9068e66ae 100644
--- a/app/assets/javascripts/jobs/components/sidebar.vue
+++ b/app/assets/javascripts/jobs/components/sidebar.vue
@@ -199,7 +199,7 @@ export default {
           />
           <p v-if="job.tags.length" class="build-detail-row js-job-tags">
             <span class="build-light-text"> {{ __('Tags:') }} </span>
-            <span v-for="(tag, i) in job.tags" :key="i" class="label label-primary">
+            <span v-for="(tag, i) in job.tags" :key="i" class="badge badge-primary">
               {{ tag }}
             </span>
           </p>
diff --git a/changelogs/unreleased/54391-tag.yml b/changelogs/unreleased/54391-tag.yml
new file mode 100644
index 0000000000000000000000000000000000000000..be571c6b0c34ac0c18ca87e6fe3bebdf99744e0f
--- /dev/null
+++ b/changelogs/unreleased/54391-tag.yml
@@ -0,0 +1,5 @@
+---
+title: Correctly styles tags in sidebar for job page
+merge_request:
+author:
+type: fixed