diff --git a/ui/app/templates/components/job-page/system.hbs b/ui/app/templates/components/job-page/system.hbs
new file mode 100644
index 000000000..47343c49a
--- /dev/null
+++ b/ui/app/templates/components/job-page/system.hbs
@@ -0,0 +1,37 @@
+{{#global-header class="page-header"}}
+  {{#each breadcrumbs as |breadcrumb index|}}
+    <li class="{{if (eq (inc index) breadcrumbs.length) "is-active"}}">
+      {{#link-to data-test-breadcrumb=breadcrumb.label params=breadcrumb.args}}{{breadcrumb.label}}{{/link-to}}
+    </li>
+  {{/each}}
+{{/global-header}}
+{{#job-page/parts/body job=job onNamespaceChange=onNamespaceChange}}
+  <h1 class="title">
+    {{job.name}}
+    <span class="bumper-left tag {{job.statusClass}}" data-test-job-status>{{job.status}}</span>
+  </h1>
+
+  <div class="boxed-section job-stats">
+    <div class="boxed-section-body">
+      <span data-test-job-stat="type"><strong>Type:</strong> {{job.type}} | </span>
+      <span data-test-job-stat="priority"><strong>Priority:</strong> {{job.priority}} </span>
+      {{#if (and job.namespace system.shouldShowNamespaces)}}
+        <span data-test-job-stat="namespace"> | <strong>Namespace:</strong> {{job.namespace.name}}</span>
+      {{/if}}
+    </div>
+  </div>
+
+  {{job-page/parts/summary job=job}}
+
+  {{job-page/parts/placement-failures job=job}}
+
+  {{job-page/parts/running-deployment job=job}}
+
+  {{job-page/parts/task-groups
+    job=job
+    sortProperty=sortProperty
+    sortDescending=sortDescending
+    gotoTaskGroup=gotoTaskGroup}}
+
+  {{job-page/parts/evaluations job=job}}
+{{/job-page/parts/body}}