1 files changed, 4 insertions, 1 deletions
diff --git a/app/assets/javascripts/ci/runner/components/runner_jobs.vue b/app/assets/javascripts/ci/runner/components/runner_jobs.vue
index f5287f597ab..62e09346c2c 100644
--- a/app/assets/javascripts/ci/runner/components/runner_jobs.vue
+++ b/app/assets/javascripts/ci/runner/components/runner_jobs.vue
@@ -7,6 +7,7 @@ import { captureException } from '../sentry_utils';
 import { getPaginationVariables } from '../utils';
 import RunnerJobsTable from './runner_jobs_table.vue';
 import RunnerPagination from './runner_pagination.vue';
+import RunnerJobsEmptyState from './runner_jobs_empty_state.vue';
 
 export default {
   name: 'RunnerJobs',
@@ -14,7 +15,9 @@ export default {
     GlSkeletonLoader,
     RunnerJobsTable,
     RunnerPagination,
+    RunnerJobsEmptyState,
   },
+
   props: {
     runner: {
       type: Object,
@@ -75,7 +78,7 @@ export default {
       <gl-skeleton-loader />
     </div>
     <runner-jobs-table v-else-if="jobs.items.length" :jobs="jobs.items" />
-    <p v-else>{{ $options.I18N_NO_JOBS_FOUND }}</p>
+    <runner-jobs-empty-state v-else />
 
     <runner-pagination :disabled="loading" :page-info="jobs.pageInfo" @input="onPaginationInput" />
   </div>