diff --git a/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html b/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
index a6142606e..6b7dc65a3 100644
--- a/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
+++ b/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
@@ -75,20 +75,12 @@
   <div class="span4">
     <div class="widget">
       <h2>{% trans 'Provisioning Status' %}</h2>
-      <div class="d3_pie_chart_usage pull-left" data-used="{% widthratio deployed_nodes|length total_nodes|length 100 %}"></div>
-      <div class="pull-left">
-	{% widthratio deployed_nodes|length total_nodes|length 100 %}% {% trans 'Deployed' %} <br />
-	{% widthratio free_nodes|length total_nodes|length 100 %}% {% trans 'Free' %}
-      </div>
+      <div class="d3_pie_chart_distribution" data-used="Deployed={{ deployed_nodes|length }}|Free={{ free_nodes|length }}"></div>
     </div>
     <div class="clear"></div>
     <div class="widget">
       <h2>{% trans 'Power Status' %}</h2>
-      <div class="d3_pie_chart_usage pull-left" data-used="{% widthratio total_nodes_up|length total_nodes|length 100 %}"></div>
-      <div class="pull-left">
-	{% widthratio total_nodes_up|length total_nodes|length 100 %}% {% trans 'Running' %} <br />
-	{% widthratio total_nodes_down|length total_nodes|length 100 %}% {% trans 'Stopped' %}
-      </div>
+      <div class="d3_pie_chart_distribution" data-used="Running={{ total_nodes_up|length }}|Stopped={{ total_nodes_down|length }}"></div>
     </div>
   </div>
 </div>