diff --git a/ui/app/templates/allocations/allocation/index.hbs b/ui/app/templates/allocations/allocation/index.hbs
index 9ea4f650d..668094bd0 100644
--- a/ui/app/templates/allocations/allocation/index.hbs
+++ b/ui/app/templates/allocations/allocation/index.hbs
@@ -22,14 +22,21 @@
       Resource Utilization
     </div>
     <div class="boxed-section-body">
-      <div class="columns">
-        <div class="column">
-          {{primary-metric resource=model metric="cpu"}}
+      {{#if model.isRunning}}
+        <div class="columns">
+          <div class="column">
+            {{primary-metric resource=model metric="cpu"}}
+          </div>
+          <div class="column">
+            {{primary-metric resource=model metric="memory"}}
+          </div>
         </div>
-        <div class="column">
-          {{primary-metric resource=model metric="memory"}}
+      {{else}}
+        <div class="empty-message">
+          <h3 class="empty-message-headline">Allocation isn't running</h3>
+          <p class="empty-message-body">Only running allocations utilize resources.</p>
         </div>
-      </div>
+      {{/if}}
     </div>
   </div>
 
diff --git a/ui/app/templates/allocations/allocation/task/index.hbs b/ui/app/templates/allocations/allocation/task/index.hbs
index dad7a4a71..4d4a46a08 100644
--- a/ui/app/templates/allocations/allocation/task/index.hbs
+++ b/ui/app/templates/allocations/allocation/task/index.hbs
@@ -30,14 +30,21 @@
       Resource Utilization
     </div>
     <div class="boxed-section-body">
-      <div class="columns">
-        <div class="column">
-          {{primary-metric resource=model metric="cpu"}}
+      {{#if model.isRunning}}
+        <div class="columns">
+          <div class="column">
+            {{primary-metric resource=model metric="cpu"}}
+          </div>
+          <div class="column">
+            {{primary-metric resource=model metric="memory"}}
+          </div>
         </div>
-        <div class="column">
-          {{primary-metric resource=model metric="memory"}}
+      {{else}}
+        <div class="empty-message">
+          <h3 class="empty-message-headline">Task isn't running</h3>
+          <p class="empty-message-body">Only running tasks utilize resources.</p>
         </div>
-      </div>
+      {{/if}}
     </div>
   </div>