diff --git a/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs b/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
index 09eee819a..64fbff2f5 100644
--- a/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
+++ b/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
@@ -18,7 +18,10 @@
             {{this.jobClientStatus.totalNodes}}
           </span>
         {{/if}}
-        <span class="tooltip multiline" aria-label="Aggreate status of job's allocations in each client.">
+        <span
+          class="tooltip multiline"
+          aria-label="Aggreate status of job's allocations in each client."
+        >
           {{x-icon "info-circle-outline" class="is-faded"}}
         </span>
       </div>
@@ -46,9 +49,20 @@
       >
         <ol data-test-legend class="legend">
           {{#each chart.data as |datum index|}}
-            <li data-test-legent-label="{{datum.className}}" class="{{datum.className}} {{if (eq datum.label chart.activeDatum.label) "is-active"}} {{if (eq datum.value 0) "is-empty" "is-clickable"}}">
+            <li
+              data-test-legend-label="{{datum.className}}"
+              class="{{datum.className}}
+
+                {{if (eq datum.label chart.activeDatum.label) "is-active"}}
+
+                {{if (eq datum.value 0) "is-empty" "is-clickable"}}"
+            >
               {{#if (gt datum.value 0)}}
-                <LinkTo @route="jobs.job.clients" @model={{this.job}} @query={{datum.legendLink.queryParams}}>
+                <LinkTo
+                  @route="jobs.job.clients"
+                  @model={{this.job}}
+                  @query={{datum.legendLink.queryParams}}
+                >
                   <JobPage::Parts::SummaryLegendItem @datum={{datum}} @index={{index}} />
                 </LinkTo>
               {{else}}
@@ -60,4 +74,4 @@
       </JobClientStatusBar>
     {{/if}}
   </a.body>
-</ListAccordion>
+</ListAccordion>
\ No newline at end of file
diff --git a/ui/tests/pages/components/job-client-status-bar.js b/ui/tests/pages/components/job-client-status-bar.js
index 3cd753159..e29d84185 100644
--- a/ui/tests/pages/components/job-client-status-bar.js
+++ b/ui/tests/pages/components/job-client-status-bar.js
@@ -12,11 +12,11 @@ export default scope => ({
     scope: '.legend',
 
     items: collection('li', {
-      label: attribute('data-test-legent-label'),
+      label: attribute('data-test-legend-label'),
     }),
 
     clickableItems: collection('li.is-clickable', {
-      label: attribute('data-test-legent-label'),
+      label: attribute('data-test-legend-label'),
       click: clickable('a'),
     }),
   },