diff --git a/ui/app/components/job-page/parts/error.js b/ui/app/components/job-page/parts/error.js
new file mode 100644
index 000000000..241bb1662
--- /dev/null
+++ b/ui/app/components/job-page/parts/error.js
@@ -0,0 +1,8 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  tagName: '',
+
+  errorMessage: null,
+  onDismiss() {},
+});
diff --git a/ui/app/templates/components/job-page/parts/error.hbs b/ui/app/templates/components/job-page/parts/error.hbs
new file mode 100644
index 000000000..168e2979c
--- /dev/null
+++ b/ui/app/templates/components/job-page/parts/error.hbs
@@ -0,0 +1,13 @@
+{{#if errorMessage}}
+  <div class="notification is-danger">
+    <div class="columns">
+      <div class="column">
+        <h3 data-test-force-error-title class="title is-4">{{errorMessage.title}}</h3>
+        <p data-test-force-error-body>{{errorMessage.description}}</p>
+      </div>
+      <div class="column is-centered is-minimum">
+        <button data-test-force-error-close class="button is-danger" onclick={{action onDismiss}}>Okay</button>
+      </div>
+    </div>
+  </div>
+{{/if}}