diff --git a/app/assets/javascripts/ci/job_details/components/empty_state.vue b/app/assets/javascripts/ci/job_details/components/empty_state.vue
index 5756d4a71df79fc4f0ba1f1f1a7c5cc368d69ea1..ac4f9c0c7fb11c18763ec0006c9f778485c5b8ee 100644
--- a/app/assets/javascripts/ci/job_details/components/empty_state.vue
+++ b/app/assets/javascripts/ci/job_details/components/empty_state.vue
@@ -1,10 +1,10 @@
 <script>
-import { GlLink } from '@gitlab/ui';
+import { GlButton } from '@gitlab/ui';
 import ManualVariablesForm from '~/ci/job_details/components/manual_variables_form.vue';
 
 export default {
   components: {
-    GlLink,
+    GlButton,
     ManualVariablesForm,
   },
   props: {
@@ -65,35 +65,38 @@ export default {
 };
 </script>
 <template>
-  <div class="row empty-state">
-    <div class="col-12">
-      <div :class="illustrationSizeClass" class="svg-content">
-        <img :src="illustrationPath" />
-      </div>
+  <div class="gl-display-flex gl-empty-state gl-text-center gl-flex-direction-column">
+    <div :class="illustrationSizeClass" class="gl-max-w-full">
+      <!-- eslint-disable @gitlab/vue-require-i18n-attribute-strings -->
+      <img alt="" class="gl-max-w-full" :src="illustrationPath" />
     </div>
-
-    <div class="col-12">
-      <div class="text-content">
-        <h4 class="text-center" data-testid="job-empty-state-title">{{ title }}</h4>
-
-        <p v-if="content" data-testid="job-empty-state-content">{{ content }}</p>
-      </div>
+    <div class="gl-empty-state-content gl-mx-auto gl-my-0 gl-m-auto gl-p-5">
+      <h1
+        class="gl-font-size-h-display gl-line-height-36 gl-mt-0 gl-mb-0"
+        data-testid="job-empty-state-title"
+      >
+        {{ title }}
+      </h1>
+      <p v-if="content" class="gl-mt-4 gl-mb-0" data-testid="job-empty-state-content">
+        {{ content }}
+      </p>
       <manual-variables-form
         v-if="shouldRenderManualVariables"
         :is-retryable="isRetryable"
         :job-id="jobId"
         @hideManualVariablesForm="$emit('hideManualVariablesForm')"
       />
-      <div v-if="action && !shouldRenderManualVariables" class="text-content">
-        <div class="text-center">
-          <gl-link
-            :href="action.path"
-            :data-method="action.method"
-            class="btn gl-button btn-confirm gl-text-decoration-none!"
-            data-testid="job-empty-state-action"
-            >{{ action.button_title }}</gl-link
-          >
-        </div>
+      <div
+        v-if="action && !shouldRenderManualVariables"
+        class="gl-display-flex gl-flex-wrap gl-mt-5 gl-justify-content-center"
+      >
+        <gl-button
+          :href="action.path"
+          :data-method="action.method"
+          variant="confirm"
+          data-testid="job-empty-state-action"
+          >{{ action.button_title }}</gl-button
+        >
       </div>
     </div>
   </div>
diff --git a/app/assets/javascripts/ci/job_details/components/manual_variables_form.vue b/app/assets/javascripts/ci/job_details/components/manual_variables_form.vue
index 836426f0bdefd481098e176167e48b37a95a76cf..cc833eb2a453fac9807c9809a6c73005b25ab36f 100644
--- a/app/assets/javascripts/ci/job_details/components/manual_variables_form.vue
+++ b/app/assets/javascripts/ci/job_details/components/manual_variables_form.vue
@@ -289,13 +289,11 @@ export default {
       <div class="gl-display-flex gl-justify-content-center gl-mt-5">
         <gl-button
           v-if="isRetryable"
-          class="gl-mt-5"
           data-testid="cancel-btn"
           @click="$emit('hideManualVariablesForm')"
           >{{ $options.i18n.cancel }}</gl-button
         >
         <gl-button
-          class="gl-mt-5"
           variant="confirm"
           category="primary"
           :disabled="runBtnDisabled"
diff --git a/app/serializers/detailed_status_entity.rb b/app/serializers/detailed_status_entity.rb
index 1f1a805af67699991a26f68cdb22e5e1ad2bf634..37d7bb8fdbece5596faa3d5252666de577fd6746 100644
--- a/app/serializers/detailed_status_entity.rb
+++ b/app/serializers/detailed_status_entity.rb
@@ -15,8 +15,8 @@ class DetailedStatusEntity < Grape::Entity
     type: 'object',
     example: <<~JSON
       {
-        "image": "illustrations/job_not_triggered.svg",
-        "size": "svg-306",
+        "image": "illustrations/empty-state/empty-job-not-triggered-md.svg",
+        "size": "",
         "title": "This job has not been triggered yet",
         "content": "This job depends on upstream jobs that need to succeed in order for this job to be triggered"
       }
diff --git a/ee/spec/frontend/environments_dashboard/components/mock_environment.json b/ee/spec/frontend/environments_dashboard/components/mock_environment.json
index 0a04cf3a4bfb589eac154328688d934b21e3f2a7..487a058d2b9ac5bb069eeaebf14cf0b72661aac5 100644
--- a/ee/spec/frontend/environments_dashboard/components/mock_environment.json
+++ b/ee/spec/frontend/environments_dashboard/components/mock_environment.json
@@ -23,7 +23,7 @@
       "name": "Administrator",
       "username": "root",
       "state": "active",
-      "avatar_url": "https://secure.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon",
+      "avatar_url": "https://secure.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80&d=identicon",
       "web_url": "https://22878.qa-tunnel.gitlab.info/root",
       "status_tooltip_html": null,
       "path": "/root"
@@ -32,7 +32,9 @@
       "id": "63492726c2264a0277141d6a6573c3d22ecd7de3",
       "short_id": "63492726",
       "created_at": "2017-09-07T13:45:32.000Z",
-      "parent_ids": ["3fc05cdfcdc813ffe7d82af7bac9df5663f3bc17"],
+      "parent_ids": [
+        "3fc05cdfcdc813ffe7d82af7bac9df5663f3bc17"
+      ],
       "title": "Improve code quality",
       "message": "Improve code quality",
       "author_name": "Alessio Caiazza",
@@ -42,7 +44,7 @@
       "committer_email": "acaiazza@gitlab.com",
       "committed_date": "2017-09-07T13:45:32.000Z",
       "author": null,
-      "author_gravatar_url": "https://secure.gravatar.com/avatar/9c90b0ce0129300552700dc0fcd871fc?s=80\u0026d=identicon",
+      "author_gravatar_url": "https://secure.gravatar.com/avatar/9c90b0ce0129300552700dc0fcd871fc?s=80&d=identicon",
       "commit_url": "https://22878.qa-tunnel.gitlab.info/root/minimal-ruby-app/commit/63492726c2264a0277141d6a6573c3d22ecd7de3",
       "commit_path": "/root/minimal-ruby-app/commit/63492726c2264a0277141d6a6573c3d22ecd7de3"
     },
@@ -66,8 +68,8 @@
         "has_details": true,
         "details_path": "/root/minimal-ruby-app/-/jobs/1097",
         "illustration": {
-          "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-          "size": "svg-430",
+          "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+          "size": "",
           "title": "This job does not have a trace."
         },
         "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -80,8 +82,12 @@
         }
       }
     },
-    "manual_actions": [],
-    "scheduled_actions": []
+    "manual_actions": [
+
+    ],
+    "scheduled_actions": [
+
+    ]
   },
   "has_stop_action": false,
   "environment_path": "/root/minimal-ruby-app/environments/27",
@@ -103,7 +109,7 @@
     "title": "my metric",
     "query": "avg(metric)",
     "threshold": 1.0,
-    "operator": "\u003e",
+    "operator": ">",
     "alert_path": "/root/minimal-ruby-app/prometheus/alerts/21.json?environment_id=27"
   }
 }
diff --git a/lib/gitlab/ci/status/build/canceled.rb b/lib/gitlab/ci/status/build/canceled.rb
index 0518b9e673da14159be1d5640ab08b9d6e372d77..dbdf45aedebabeb2ee17b85401cb6eddbe3d3096 100644
--- a/lib/gitlab/ci/status/build/canceled.rb
+++ b/lib/gitlab/ci/status/build/canceled.rb
@@ -7,8 +7,8 @@ module Build
         class Canceled < Status::Extended
           def illustration
             {
-              image: 'illustrations/canceled-job_empty.svg',
-              size: 'svg-430',
+              image: 'illustrations/empty-state/empty-job-canceled-md.svg',
+              size: '',
               title: _('This job has been canceled')
             }
           end
diff --git a/lib/gitlab/ci/status/build/common.rb b/lib/gitlab/ci/status/build/common.rb
index 6a75ec5c37f2e803f51966213e2695cb5e92575d..78d84e2d0587ff6139e1af15f36f724e1acd74ed 100644
--- a/lib/gitlab/ci/status/build/common.rb
+++ b/lib/gitlab/ci/status/build/common.rb
@@ -7,8 +7,8 @@ module Build
         module Common
           def illustration
             {
-              image: 'illustrations/skipped-job_empty.svg',
-              size: 'svg-430',
+              image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+              size: '',
               title: _('This job does not have a trace.')
             }
           end
diff --git a/lib/gitlab/ci/status/build/created.rb b/lib/gitlab/ci/status/build/created.rb
index 780fea23123a80bff32ca256ba9ed28de3a7d561..92485392136b4d9a290e6839679a12fb5243ba5c 100644
--- a/lib/gitlab/ci/status/build/created.rb
+++ b/lib/gitlab/ci/status/build/created.rb
@@ -7,8 +7,8 @@ module Build
         class Created < Status::Extended
           def illustration
             {
-              image: 'illustrations/job_not_triggered.svg',
-              size: 'svg-306',
+              image: 'illustrations/empty-state/empty-job-not-triggered-md.svg',
+              size: '',
               title: _('This job has not been triggered yet'),
               content: _('This job depends on upstream jobs that need to succeed in order for this job to be triggered')
             }
diff --git a/lib/gitlab/ci/status/build/erased.rb b/lib/gitlab/ci/status/build/erased.rb
index c3430b8cc1ce08e4c90d67e59be8129546db7b63..a78bc308d87f58b05386a24295f4cf512bcf2765 100644
--- a/lib/gitlab/ci/status/build/erased.rb
+++ b/lib/gitlab/ci/status/build/erased.rb
@@ -8,7 +8,7 @@ class Erased < Status::Extended
           def illustration
             {
               image: 'illustrations/empty-state/empty-projects-deleted-md.svg',
-              size: 'svg-150',
+              size: '',
               title: _('Job has been erased')
             }
           end
diff --git a/lib/gitlab/ci/status/build/failed_unmet_prerequisites.rb b/lib/gitlab/ci/status/build/failed_unmet_prerequisites.rb
index eaad3969a4c9d18da879413b16c48161f961e7bf..e82c8050be7e369fd20f9399201510babb9b3422 100644
--- a/lib/gitlab/ci/status/build/failed_unmet_prerequisites.rb
+++ b/lib/gitlab/ci/status/build/failed_unmet_prerequisites.rb
@@ -8,7 +8,7 @@ class FailedUnmetPrerequisites < Status::Extended
           def illustration
             {
               image: 'illustrations/pipelines_failed.svg',
-              size: 'svg-430',
+              size: 'svg-content svg-430',
               title: _('Failed to create resources'),
               content: _('Retry this job in order to create the necessary resources.')
             }
diff --git a/lib/gitlab/ci/status/build/manual.rb b/lib/gitlab/ci/status/build/manual.rb
index 5e77db3d3361a6788256430cb5d4824020f7400f..39ae0d53b5f8d447e1177c294d998b6550f118f7 100644
--- a/lib/gitlab/ci/status/build/manual.rb
+++ b/lib/gitlab/ci/status/build/manual.rb
@@ -12,7 +12,7 @@ def self.matches?(build, user)
           def illustration
             {
               image: 'illustrations/manual_action.svg',
-              size: 'svg-394',
+              size: 'svg-content svg-394',
               title: _('This job requires a manual action'),
               content: illustration_content
             }
diff --git a/lib/gitlab/ci/status/build/pending.rb b/lib/gitlab/ci/status/build/pending.rb
index 95f668295dda853dcd54c5721a319ba9f9df6d77..c520a6722b24041c0108aae0e32cf68f9b15faa5 100644
--- a/lib/gitlab/ci/status/build/pending.rb
+++ b/lib/gitlab/ci/status/build/pending.rb
@@ -7,8 +7,8 @@ module Build
         class Pending < Status::Extended
           def illustration
             {
-              image: 'illustrations/pending_job_empty.svg',
-              size: 'svg-430',
+              image: 'illustrations/empty-state/empty-job-pending-md.svg',
+              size: '',
               title: _('This job has not started yet'),
               content: _('This job is in pending state and is waiting to be picked by a runner')
             }
diff --git a/lib/gitlab/ci/status/build/preparing.rb b/lib/gitlab/ci/status/build/preparing.rb
index 1fddcb05f791eccc706bcadd1db5570695028033..6ed40c77934ef89faae5625fe561ecccb7623d86 100644
--- a/lib/gitlab/ci/status/build/preparing.rb
+++ b/lib/gitlab/ci/status/build/preparing.rb
@@ -11,8 +11,8 @@ class Preparing < Status::Extended
           #
           def illustration
             {
-              image: 'illustrations/job_not_triggered.svg',
-              size: 'svg-306',
+              image: 'illustrations/empty-state/empty-job-not-triggered-md.svg',
+              size: '',
               title: _('This job is preparing to start'),
               content: _('This job is performing tasks that must complete before it can start')
             }
diff --git a/lib/gitlab/ci/status/build/scheduled.rb b/lib/gitlab/ci/status/build/scheduled.rb
index 0a09dbe5f42eec517c4cff11e2f42aef3aff083c..7eca3db525aca4793f40970101f1db43ef5b5059 100644
--- a/lib/gitlab/ci/status/build/scheduled.rb
+++ b/lib/gitlab/ci/status/build/scheduled.rb
@@ -7,8 +7,8 @@ module Build
         class Scheduled < Status::Extended
           def illustration
             {
-              image: 'illustrations/illustrations_scheduled-job_countdown.svg',
-              size: 'svg-394',
+              image: 'illustrations/empty-state/empty-job-scheduled-md.svg',
+              size: '',
               title: _("This is a delayed job to run in %{remainingTime}"),
               content: _("This job will automatically run after its timer finishes. " \
                          "Often they are used for incremental roll-out deploys " \
diff --git a/lib/gitlab/ci/status/build/skipped.rb b/lib/gitlab/ci/status/build/skipped.rb
index 4fe2f7b3114e28fe313ceac0e2a2e3323201a840..9142df3901fc4450372037866b8963b073ebc7ff 100644
--- a/lib/gitlab/ci/status/build/skipped.rb
+++ b/lib/gitlab/ci/status/build/skipped.rb
@@ -7,8 +7,8 @@ module Build
         class Skipped < Status::Extended
           def illustration
             {
-              image: 'illustrations/skipped-job_empty.svg',
-              size: 'svg-430',
+              image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+              size: '',
               title: _('This job has been skipped')
             }
           end
diff --git a/lib/gitlab/ci/status/processable/waiting_for_resource.rb b/lib/gitlab/ci/status/processable/waiting_for_resource.rb
index ac82c99b5f1d3e6fad31761c339e7f484f3492b7..2cf25c1064841c030afe6b75108f2bf6577335f2 100644
--- a/lib/gitlab/ci/status/processable/waiting_for_resource.rb
+++ b/lib/gitlab/ci/status/processable/waiting_for_resource.rb
@@ -11,8 +11,8 @@ class WaitingForResource < Status::Extended
           #
           def illustration
             {
-              image: 'illustrations/pending_job_empty.svg',
-              size: 'svg-430',
+              image: 'illustrations/empty-state/empty-job-pending-md.svg',
+              size: '',
               title: _('This job is waiting for resource: ') + subject.resource_group.key
             }
           end
diff --git a/spec/frontend/ci/job_details/components/empty_state_spec.js b/spec/frontend/ci/job_details/components/empty_state_spec.js
index 992ed88e81b02ac8a06be5a3851ec67ea4dbf2a6..0c2e07526f1e703422b8959435788d9c6b7d17ab 100644
--- a/spec/frontend/ci/job_details/components/empty_state_spec.js
+++ b/spec/frontend/ci/job_details/components/empty_state_spec.js
@@ -7,8 +7,8 @@ describe('Empty State', () => {
   let wrapper;
 
   const defaultProps = {
-    illustrationPath: 'illustrations/pending_job_empty.svg',
-    illustrationSizeClass: 'svg-430',
+    illustrationPath: 'illustrations/empty-state/empty-job-pending-md.svg',
+    illustrationSizeClass: '',
     jobId: mockId,
     title: 'This job has not started yet',
     playable: false,
diff --git a/spec/frontend/ci/jobs_mock_data.js b/spec/frontend/ci/jobs_mock_data.js
index 12833524fd9b8ce609c910b2869f2ff0237a6cc3..4e45c633dfb688e11161b24b4d4598777cc22be6 100644
--- a/spec/frontend/ci/jobs_mock_data.js
+++ b/spec/frontend/ci/jobs_mock_data.js
@@ -43,8 +43,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/1180',
           illustration: {
-            image: 'illustrations/pending_job_empty.svg',
-            size: 'svg-430',
+            image: 'illustrations/empty-state/empty-job-pending-md.svg',
+            size: 'svg-content svg-430',
             title: 'This job has not started yet',
             content: 'This job is in pending state and is waiting to be picked by a runner',
           },
@@ -76,8 +76,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/1180',
               illustration: {
-                image: 'illustrations/pending_job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-pending-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job has not started yet',
                 content: 'This job is in pending state and is waiting to be picked by a runner',
               },
@@ -105,8 +105,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/444',
           illustration: {
-            image: 'illustrations/skipped-job_empty.svg',
-            size: 'svg-430',
+            image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+            size: 'svg-content svg-430',
             title: 'This job does not have a trace.',
           },
           favicon:
@@ -137,8 +137,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/444',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -246,8 +246,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/445',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -278,8 +278,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/446',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -310,8 +310,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/447',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -338,8 +338,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/452',
           illustration: {
-            image: 'illustrations/skipped-job_empty.svg',
-            size: 'svg-430',
+            image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+            size: 'svg-content svg-430',
             title: 'This job does not have a trace.',
           },
           favicon:
@@ -370,8 +370,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/452',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -420,8 +420,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/448',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -452,8 +452,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/449',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -484,8 +484,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/451',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -512,8 +512,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/453',
           illustration: {
-            image: 'illustrations/skipped-job_empty.svg',
-            size: 'svg-430',
+            image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+            size: 'svg-content svg-430',
             title: 'This job does not have a trace.',
           },
           favicon:
@@ -544,8 +544,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/453',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -572,8 +572,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/454',
           illustration: {
-            image: 'illustrations/skipped-job_empty.svg',
-            size: 'svg-430',
+            image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+            size: 'svg-content svg-430',
             title: 'This job does not have a trace.',
           },
           favicon:
@@ -604,8 +604,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/454',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -654,8 +654,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/457',
           illustration: {
-            image: 'illustrations/job_not_triggered.svg',
-            size: 'svg-306',
+            image: 'illustrations/empty-state/empty-job-not-triggered-md.svg',
+            size: '',
             title: 'This job has not been triggered yet',
             content:
               'This job depends on upstream jobs that need to succeed in order for this job to be triggered',
@@ -688,8 +688,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/457',
               illustration: {
-                image: 'illustrations/job_not_triggered.svg',
-                size: 'svg-306',
+                image: 'illustrations/empty-state/empty-job-not-triggered-md.svg',
+                size: '',
                 title: 'This job has not been triggered yet',
                 content:
                   'This job depends on upstream jobs that need to succeed in order for this job to be triggered',
@@ -718,8 +718,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/455',
           illustration: {
-            image: 'illustrations/skipped-job_empty.svg',
-            size: 'svg-430',
+            image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+            size: 'svg-content svg-430',
             title: 'This job does not have a trace.',
           },
           favicon:
@@ -750,8 +750,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/455',
               illustration: {
-                image: 'illustrations/skipped-job_empty.svg',
-                size: 'svg-430',
+                image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+                size: 'svg-content svg-430',
                 title: 'This job does not have a trace.',
               },
               favicon:
@@ -778,8 +778,8 @@ export const stages = [
           has_details: true,
           details_path: '/gitlab-org/gitlab-shell/-/jobs/456',
           illustration: {
-            image: 'illustrations/job_not_triggered.svg',
-            size: 'svg-306',
+            image: 'illustrations/empty-state/empty-job-not-triggered-md.svg',
+            size: '',
             title: 'This job has not been triggered yet',
             content:
               'This job depends on upstream jobs that need to succeed in order for this job to be triggered',
@@ -812,8 +812,8 @@ export const stages = [
               has_details: true,
               details_path: '/gitlab-org/gitlab-shell/-/jobs/456',
               illustration: {
-                image: 'illustrations/job_not_triggered.svg',
-                size: 'svg-306',
+                image: 'illustrations/empty-state/empty-job-not-triggered-md.svg',
+                size: '',
                 title: 'This job has not been triggered yet',
                 content:
                   'This job depends on upstream jobs that need to succeed in order for this job to be triggered',
@@ -863,7 +863,7 @@ export const stages = [
           details_path: '/gitlab-org/gitlab-shell/-/jobs/458',
           illustration: {
             image: 'illustrations/manual_action.svg',
-            size: 'svg-394',
+            size: 'svg-content svg-394',
             title: 'This job requires a manual action',
             content:
               'This job depends on a user to trigger its process. Often they are used to deploy code to production environments',
@@ -897,7 +897,7 @@ export const stages = [
               details_path: '/gitlab-org/gitlab-shell/-/jobs/458',
               illustration: {
                 image: 'illustrations/manual_action.svg',
-                size: 'svg-394',
+                size: 'svg-content svg-394',
                 title: 'This job requires a manual action',
                 content:
                   'This job depends on a user to trigger its process. Often they are used to deploy code to production environments',
@@ -1117,8 +1117,8 @@ export const failedJobStatus = {
   has_details: true,
   details_path: '/gitlab-org/gitlab-shell/-/jobs/454',
   illustration: {
-    image: 'illustrations/skipped-job_empty.svg',
-    size: 'svg-430',
+    image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+    size: 'svg-content svg-430',
     title: 'This job does not have a trace.',
   },
   favicon:
@@ -1153,8 +1153,8 @@ export const jobsInStage = {
         has_details: true,
         details_path: '/gitlab-org/gitlab-shell/-/jobs/1180',
         illustration: {
-          image: 'illustrations/pending_job_empty.svg',
-          size: 'svg-430',
+          image: 'illustrations/empty-state/empty-job-pending-md.svg',
+          size: 'svg-content svg-430',
           title: 'This job has not started yet',
           content: 'This job is in pending state and is waiting to be picked by a runner',
         },
@@ -1186,8 +1186,8 @@ export const jobsInStage = {
         has_details: true,
         details_path: '/gitlab-org/gitlab-shell/-/jobs/444',
         illustration: {
-          image: 'illustrations/skipped-job_empty.svg',
-          size: 'svg-430',
+          image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+          size: 'svg-content svg-430',
           title: 'This job does not have a trace.',
         },
         favicon:
@@ -1220,8 +1220,8 @@ export const jobsInStage = {
         has_details: true,
         details_path: '/gitlab-org/gitlab-shell/-/jobs/443',
         illustration: {
-          image: 'illustrations/skipped-job_empty.svg',
-          size: 'svg-430',
+          image: 'illustrations/empty-state/empty-job-skipped-md.svg',
+          size: 'svg-content svg-430',
           title: 'This job does not have a trace.',
         },
         favicon:
diff --git a/spec/frontend/ci/pipeline_details/linked_pipelines_mock.json b/spec/frontend/ci/pipeline_details/linked_pipelines_mock.json
index a68283032d29bd4001e6d75442b54a1c44dd6e36..b5d7b59439169ddac572ac8e07e4edbc00c0143a 100644
--- a/spec/frontend/ci/pipeline_details/linked_pipelines_mock.json
+++ b/spec/frontend/ci/pipeline_details/linked_pipelines_mock.json
@@ -58,7 +58,7 @@
               "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
               "illustration": {
                 "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
+                "size": "svg-content svg-394",
                 "title": "This job requires a manual action",
                 "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
               },
@@ -94,7 +94,7 @@
                   "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -141,8 +141,8 @@
               "has_details": true,
               "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
               "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                "size": "svg-430",
+                "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                "size": "",
                 "title": "This job does not have a trace."
               },
               "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -175,8 +175,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job does not have a trace."
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -223,7 +223,7 @@
               "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
               "illustration": {
                 "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
+                "size": "svg-content svg-394",
                 "title": "This job requires a manual action",
                 "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
               },
@@ -258,7 +258,7 @@
                   "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -398,7 +398,7 @@
                 "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                 "illustration": {
                   "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                  "size": "svg-394",
+                  "size": "svg-content svg-394",
                   "title": "This job requires a manual action",
                   "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                 },
@@ -433,7 +433,7 @@
                     "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                     "illustration": {
                       "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                      "size": "svg-394",
+                      "size": "svg-content svg-394",
                       "title": "This job requires a manual action",
                       "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                     },
@@ -462,7 +462,7 @@
                 "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                 "illustration": {
                   "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                  "size": "svg-394",
+                  "size": "svg-content svg-394",
                   "title": "This job requires a manual action",
                   "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                 },
@@ -497,7 +497,7 @@
                     "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                     "illustration": {
                       "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                      "size": "svg-394",
+                      "size": "svg-content svg-394",
                       "title": "This job requires a manual action",
                       "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                     },
@@ -526,7 +526,7 @@
                 "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                 "illustration": {
                   "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                  "size": "svg-394",
+                  "size": "svg-content svg-394",
                   "title": "This job requires a manual action",
                   "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                 },
@@ -561,7 +561,7 @@
                     "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                     "illustration": {
                       "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                      "size": "svg-394",
+                      "size": "svg-content svg-394",
                       "title": "This job requires a manual action",
                       "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                     },
@@ -608,8 +608,8 @@
                 "has_details": true,
                 "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                 "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                  "size": "svg-430",
+                  "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                  "size": "",
                   "title": "This job does not have a trace."
                 },
                 "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -642,8 +642,8 @@
                     "has_details": true,
                     "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                     "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                      "size": "svg-430",
+                      "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                      "size": "",
                       "title": "This job does not have a trace."
                     },
                     "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -690,8 +690,8 @@
                 "has_details": true,
                 "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                 "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                  "size": "svg-430",
+                  "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                  "size": "",
                   "title": "This job has been skipped"
                 },
                 "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -716,8 +716,8 @@
                     "has_details": true,
                     "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                     "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                      "size": "svg-430",
+                      "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                      "size": "",
                       "title": "This job has been skipped"
                     },
                     "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -737,8 +737,8 @@
                 "has_details": true,
                 "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                 "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                  "size": "svg-430",
+                  "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                  "size": "",
                   "title": "This job has been skipped"
                 },
                 "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -763,8 +763,8 @@
                     "has_details": true,
                     "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                     "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                      "size": "svg-430",
+                      "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                      "size": "",
                       "title": "This job has been skipped"
                     },
                     "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -875,7 +875,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -910,7 +910,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -939,7 +939,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -974,7 +974,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1003,7 +1003,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -1038,7 +1038,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1085,8 +1085,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job does not have a trace."
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -1119,8 +1119,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -1167,8 +1167,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job has been skipped"
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1193,8 +1193,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1214,8 +1214,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job has been skipped"
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1240,8 +1240,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1358,7 +1358,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -1393,7 +1393,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1422,7 +1422,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -1457,7 +1457,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1486,7 +1486,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -1521,7 +1521,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1568,8 +1568,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job does not have a trace."
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -1602,8 +1602,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -1650,8 +1650,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job has been skipped"
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1676,8 +1676,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1697,8 +1697,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job has been skipped"
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1723,8 +1723,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -1840,7 +1840,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -1875,7 +1875,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1904,7 +1904,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -1939,7 +1939,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -1968,7 +1968,7 @@
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                   "illustration": {
                     "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
+                    "size": "svg-content svg-394",
                     "title": "This job requires a manual action",
                     "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                   },
@@ -2003,7 +2003,7 @@
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
                       "illustration": {
                         "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -2050,8 +2050,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job does not have a trace."
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -2084,8 +2084,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -2132,8 +2132,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job has been skipped"
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -2158,8 +2158,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -2179,8 +2179,8 @@
                   "has_details": true,
                   "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                   "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
+                    "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                    "size": "",
                     "title": "This job has been skipped"
                   },
                   "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -2205,8 +2205,8 @@
                       "has_details": true,
                       "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
                       "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "https://assets.gitlab-static.net/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -2320,8 +2320,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/526",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2354,8 +2354,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/526",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2382,8 +2382,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/527",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2416,8 +2416,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/527",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2525,8 +2525,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/528",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2559,8 +2559,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/529",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2593,8 +2593,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/530",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2621,8 +2621,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/535",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2655,8 +2655,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/535",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2706,8 +2706,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/531",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2740,8 +2740,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/532",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2774,8 +2774,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/534",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2802,8 +2802,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/536",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2836,8 +2836,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/536",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2864,8 +2864,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/537",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -2898,8 +2898,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/537",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
@@ -2947,8 +2947,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/541",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -2981,8 +2981,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/541",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3009,8 +3009,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/538",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3043,8 +3043,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/538",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3071,8 +3071,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/540",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3105,8 +3105,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/540",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3133,8 +3133,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/539",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3167,8 +3167,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/539",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3214,8 +3214,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/544",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -3240,8 +3240,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/544",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job has been skipped"
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -3261,8 +3261,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/542",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job does not have a trace."
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3295,8 +3295,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/542",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job does not have a trace."
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
@@ -3323,8 +3323,8 @@
                       "has_details": true,
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/543",
                       "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
+                        "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                        "size": "",
                         "title": "This job has been skipped"
                       },
                       "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -3349,8 +3349,8 @@
                           "has_details": true,
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/543",
                           "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
+                            "image": "/assets/illustrations/empty-state/empty-job-skipped-md-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
+                            "size": "",
                             "title": "This job has been skipped"
                           },
                           "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
@@ -3390,7 +3390,7 @@
                       "details_path": "/h5bp/html5-boilerplate/-/jobs/545",
                       "illustration": {
                         "image": "/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
+                        "size": "svg-content svg-394",
                         "title": "This job requires a manual action",
                         "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                       },
@@ -3426,7 +3426,7 @@
                           "details_path": "/h5bp/html5-boilerplate/-/jobs/545",
                           "illustration": {
                             "image": "/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                            "size": "svg-394",
+                            "size": "svg-content svg-394",
                             "title": "This job requires a manual action",
                             "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
                           },
diff --git a/spec/frontend/ci/pipeline_details/mock_data.js b/spec/frontend/ci/pipeline_details/mock_data.js
index 48570b2515f2ba2e1ecee4e86f2e462162871d20..ea38da4fb2124fda256919795a532f7509138798 100644
--- a/spec/frontend/ci/pipeline_details/mock_data.js
+++ b/spec/frontend/ci/pipeline_details/mock_data.js
@@ -842,8 +842,8 @@ export const mockPipelineTag = () => {
             details_path: '/root/mr-widgets/-/jobs/1696',
             illustration: {
               image:
-                '/assets/illustrations/skipped-job_empty-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
-              size: 'svg-430',
+                '/assets/illustrations/empty-state/empty-job-skipped-md-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
+              size: '',
               title: 'This job does not have a trace.',
             },
             favicon:
@@ -1049,8 +1049,8 @@ export const mockPipelineBranch = () => {
             details_path: '/root/mr-widgets/-/jobs/1260',
             illustration: {
               image:
-                '/assets/illustrations/skipped-job_empty-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
-              size: 'svg-430',
+                '/assets/illustrations/empty-state/empty-job-skipped-md-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
+              size: '',
               title: 'This job does not have a trace.',
             },
             favicon:
diff --git a/spec/frontend/environments/graphql/mock_data.js b/spec/frontend/environments/graphql/mock_data.js
index efc63a80e89c37207392098e15b85479de599795..dcbce9875234b5df2e1ca663fdcebcae5f311480 100644
--- a/spec/frontend/environments/graphql/mock_data.js
+++ b/spec/frontend/environments/graphql/mock_data.js
@@ -154,7 +154,7 @@ export const environmentsApp = {
               illustration: {
                 image:
                   '/assets/illustrations/manual_action-c55aee2c5f9ebe9f72751480af8bb307be1a6f35552f344cc6d1bf979d3422f6.svg',
-                size: 'svg-394',
+                size: 'svg-content svg-394',
                 title: 'This job requires a manual action',
                 content:
                   'This job requires manual intervention to start. Before starting this job, you can add variables below for last-minute configuration changes.',
@@ -363,7 +363,7 @@ export const resolvedEnvironmentsApp = {
               illustration: {
                 image:
                   '/assets/illustrations/manual_action-c55aee2c5f9ebe9f72751480af8bb307be1a6f35552f344cc6d1bf979d3422f6.svg',
-                size: 'svg-394',
+                size: 'svg-content svg-394',
                 title: 'This job requires a manual action',
                 content:
                   'This job requires manual intervention to start. Before starting this job, you can add variables below for last-minute configuration changes.',
@@ -593,8 +593,8 @@ export const resolvedEnvironment = {
         detailsPath: '/h5bp/html5-boilerplate/-/jobs/1014',
         illustration: {
           image:
-            '/assets/illustrations/skipped-job_empty-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
-          size: 'svg-430',
+            '/assets/illustrations/empty-state/empty-job-skipped-md-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
+          size: '',
           title: 'This job does not have a trace.',
         },
         favicon:
@@ -665,7 +665,7 @@ export const resolvedEnvironment = {
           illustration: {
             image:
               '/assets/illustrations/manual_action-c55aee2c5f9ebe9f72751480af8bb307be1a6f35552f344cc6d1bf979d3422f6.svg',
-            size: 'svg-394',
+            size: 'svg-content svg-394',
             title: 'This job requires a manual action',
             content:
               'This job requires manual intervention to start. Before starting this job, you can add variables below for last-minute configuration changes.',
@@ -992,8 +992,8 @@ export const resolvedEnvironmentToRollback = {
         icon: 'status_success',
         illustration: {
           image:
-            '/assets/illustrations/skipped-job_empty-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
-          size: 'svg-430',
+            '/assets/illustrations/empty-state/empty-job-skipped-md-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
+          size: '',
           title: 'This job does not have a trace.',
         },
         label: 'passed',
@@ -1058,7 +1058,7 @@ export const resolvedEnvironmentToRollback = {
           illustration: {
             image:
               '/assets/illustrations/manual_action-c55aee2c5f9ebe9f72751480af8bb307be1a6f35552f344cc6d1bf979d3422f6.svg',
-            size: 'svg-394',
+            size: 'svg-content svg-394',
             title: 'This job requires a manual action',
             content:
               'This job requires manual intervention to start. Before starting this job, you can add variables below for last-minute configuration changes.',
diff --git a/spec/frontend/environments/mock_data.js b/spec/frontend/environments/mock_data.js
index bd2c6b7c892912dd83fe876028420ac8882472f3..0efc2fb10abe9839703d68cd56b40f146c15f2ad 100644
--- a/spec/frontend/environments/mock_data.js
+++ b/spec/frontend/environments/mock_data.js
@@ -172,8 +172,8 @@ const environment = {
         details_path: '/root/environment-test/-/jobs/892',
         illustration: {
           image:
-            '/assets/illustrations/skipped-job_empty-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
-          size: 'svg-430',
+            '/assets/illustrations/empty-state/empty-job-skipped-md-29a8a37d8a61d1b6f68cf3484f9024e53cd6eb95e28eae3554f8011a1146bf27.svg',
+          size: '',
           title: 'This job does not have a trace.',
         },
         favicon: