diff --git a/ui/app/styles/core/icon.scss b/ui/app/styles/core/icon.scss
index c96186558..40492bb6f 100644
--- a/ui/app/styles/core/icon.scss
+++ b/ui/app/styles/core/icon.scss
@@ -30,6 +30,7 @@ $icon-dimensions-large: 2rem;
 
   &.is-faded {
     fill: $grey-light;
+    color: $grey-light;
   }
 
   @each $name, $pair in $colors {
diff --git a/ui/app/templates/clients/client.hbs b/ui/app/templates/clients/client.hbs
index 64514e281..0413cf1d0 100644
--- a/ui/app/templates/clients/client.hbs
+++ b/ui/app/templates/clients/client.hbs
@@ -11,7 +11,12 @@
         {{or model.name model.shortId}}
       </h1>
       <p>
-        <label><input type="checkbox" /> Eligible</label>
+        <label>
+          <input type="checkbox" /> Eligible
+          <span class="tooltip" aria-label="Only eligible nodes can receive allocations">
+            {{x-icon "info-circle-outline" class="is-faded"}}
+          </span>
+        </label>
         <span class="tag is-hollow is-small no-text-transform">
           {{model.id}}
           {{copy-button clipboardText=model.id}}