1 files changed, 10 insertions, 23 deletions

diff --git a/app/assets/javascripts/ci/job_details/components/sidebar/sidebar.vue b/app/assets/javascripts/ci/job_details/components/sidebar/sidebar.vue
index 305d7004357..7f2f4fc0331 100644
--- a/app/assets/javascripts/ci/job_details/components/sidebar/sidebar.vue
+++ b/app/assets/javascripts/ci/job_details/components/sidebar/sidebar.vue
@@ -16,7 +16,6 @@ import TriggerBlock from './trigger_block.vue';
 
 export default {
   name: 'JobSidebar',
-  borderTopClass: ['gl-border-t-solid', 'gl-border-t-1', 'gl-border-t-gray-100'],
   forwardDeploymentFailureModalId,
   components: {
     ArtifactsBlock,
@@ -80,56 +79,44 @@ export default {
 <template>
   <aside class="right-sidebar build-sidebar" data-offset-top="101" data-spy="affix">
     <div class="sidebar-container">
-      <div class="blocks-container">
+      <div class="blocks-container gl-p-4">
         <sidebar-header
+          class="block gl-pb-4! gl-mb-2"
           :rest-job="job"
           :job-id="job.id"
           @updateVariables="$emit('updateVariables')"
         />
 
-        <job-sidebar-details-container class="gl-py-4" :class="$options.borderTopClass" />
+        <job-sidebar-details-container class="block gl-mb-2" />
 
         <artifacts-block
           v-if="hasArtifact"
-          class="gl-py-4"
-          :class="$options.borderTopClass"
+          class="block gl-mb-2"
           :artifact="job.artifact"
           :help-url="artifactHelpUrl"
         />
 
         <external-links-block
           v-if="hasExternalLinks"
-          class="gl-py-4"
-          :class="$options.borderTopClass"
+          class="block gl-mb-2"
           :external-links="externalLinks"
         />
 
-        <trigger-block
-          v-if="hasTriggers"
-          class="gl-py-4"
-          :class="$options.borderTopClass"
-          :trigger="job.trigger"
-        />
+        <trigger-block v-if="hasTriggers" class="block gl-mb-2" :trigger="job.trigger" />
 
-        <commit-block
-          :commit="commit"
-          class="gl-py-4"
-          :class="$options.borderTopClass"
-          :merge-request="job.merge_request"
-        />
+        <commit-block class="block gl-mb-2" :commit="commit" :merge-request="job.merge_request" />
 
         <stages-dropdown
           v-if="job.pipeline"
-          class="gl-py-4"
-          :class="$options.borderTopClass"
+          class="block gl-mb-2"
           :pipeline="job.pipeline"
           :selected-stage="selectedStage"
           :stages="stages"
           @requestSidebarStageDropdown="fetchJobsForStage"
         />
-      </div>
 
-      <jobs-container v-if="jobs.length" :job-id="job.id" :jobs="jobs" />
+        <jobs-container v-if="jobs.length" :job-id="job.id" :jobs="jobs" />
+      </div>
     </div>
     <job-retry-forward-deployment-modal
       v-if="shouldShowJobRetryForwardDeploymentModal"