diff --git a/app/assets/javascripts/jobs/components/table/cells/duration_cell.vue b/app/assets/javascripts/jobs/components/table/cells/duration_cell.vue
index 11593fa355a7a6945a57cba86a3c2a50676306a0..dbf1dfe7a294e537ab67cb31c593e6f18c1e32cd 100644
--- a/app/assets/javascripts/jobs/components/table/cells/duration_cell.vue
+++ b/app/assets/javascripts/jobs/components/table/cells/duration_cell.vue
@@ -27,6 +27,9 @@ export default {
     durationFormatted() {
       return formatTime(this.duration * 1000);
     },
+    hasDurationAndFinishedTime() {
+      return this.finishedTime && this.duration;
+    },
   },
 };
 </script>
@@ -37,7 +40,11 @@ export default {
       <gl-icon name="timer" :size="$options.iconSize" data-testid="duration-icon" />
       {{ durationFormatted }}
     </div>
-    <div v-if="finishedTime" data-testid="job-finished-time">
+    <div
+      v-if="finishedTime"
+      :class="{ 'gl-mt-2': hasDurationAndFinishedTime }"
+      data-testid="job-finished-time"
+    >
       <gl-icon name="calendar" :size="$options.iconSize" data-testid="finished-time-icon" />
       <time-ago-tooltip :time="finishedTime" />
     </div>
diff --git a/app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue b/app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue
index 1a6d1a341b0bb37476dbefd060317dfa8cdd1e09..c8f0fdd44395fd01b3dd1952ff5dafe108caf271 100644
--- a/app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue
+++ b/app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue
@@ -41,7 +41,7 @@ export default {
         {{ pipelineId }}
       </gl-link>
     </div>
-    <div>
+    <div class="gl-font-sm gl-text-secondary gl-mt-2">
       <span>{{ __('created by') }}</span>
       <gl-link v-if="showAvatar" :href="userPath" data-testid="pipeline-user-link">
         <gl-avatar :src="pipelineUserAvatar" :size="16" />