1 files changed, 17 insertions, 12 deletions
diff --git a/app/assets/javascripts/ci/job_details/components/sidebar/sidebar_detail_row.vue b/app/assets/javascripts/ci/job_details/components/sidebar/sidebar_detail_row.vue
index 0ba34eafa58..5b1bf354fd4 100644
--- a/app/assets/javascripts/ci/job_details/components/sidebar/sidebar_detail_row.vue
+++ b/app/assets/javascripts/ci/job_details/components/sidebar/sidebar_detail_row.vue
@@ -39,21 +39,26 @@ export default {
 };
 </script>
 <template>
-  <p class="gl-display-flex gl-justify-content-space-between gl-mb-2">
-    <span v-if="hasTitle">
-      <b>{{ title }}:</b>
+  <p class="build-sidebar-item gl-mb-2">
+    <b v-if="hasTitle" class="gl-display-flex">{{ title }}:</b>
+    <gl-link
+      v-if="path"
+      :href="path"
+      class="gl-text-blue-600!"
+      data-testid="job-sidebar-value-link"
+    >
+      {{ value }}
+    </gl-link>
+    <span v-else
+      >{{ value }}
       <gl-link
-        v-if="path"
-        :href="path"
-        class="gl-text-blue-600!"
-        data-testid="job-sidebar-value-link"
+        v-if="hasHelpURL"
+        :href="helpUrl"
+        target="_blank"
+        data-testid="job-sidebar-help-link"
       >
-        {{ value }}
+        <gl-icon name="question-o" class="gl-ml-2 gl-text-blue-500" />
       </gl-link>
-      <span v-else>{{ value }}</span>
     </span>
-    <gl-link v-if="hasHelpURL" :href="helpUrl" target="_blank" data-testid="job-sidebar-help-link">
-      <gl-icon name="question-o" />
-    </gl-link>
   </p>
 </template>