diff --git a/ui/app/styles/charts/topo-viz-node.scss b/ui/app/styles/charts/topo-viz-node.scss
index cfef333209da..1da8b49400d9 100644
--- a/ui/app/styles/charts/topo-viz-node.scss
+++ b/ui/app/styles/charts/topo-viz-node.scss
@@ -64,8 +64,11 @@
   .empty-text {
     fill: $red;
     transform: translate(50%, 50%);
-    text-anchor: middle;
-    alignment-baseline: central;
+
+    text {
+      text-anchor: middle;
+      alignment-baseline: central;
+    }
   }
 
   & + .topo-viz-node {
diff --git a/ui/app/templates/components/topo-viz/node.hbs b/ui/app/templates/components/topo-viz/node.hbs
index fc02614a23c9..093eaaa1a3c4 100644
--- a/ui/app/templates/components/topo-viz/node.hbs
+++ b/ui/app/templates/components/topo-viz/node.hbs
@@ -109,7 +109,7 @@
         </g>
       </g>
     {{else}}
-      <text data-test-empty-message class="empty-text">Empty Client</text>
+      <g class="empty-text"><text data-test-empty-message>Empty Client</text></g>
     {{/if}}
   </svg>
 </div>