diff --git a/horizon/static/framework/widgets/charts/pie-chart.html b/horizon/static/framework/widgets/charts/pie-chart.html
index 1a120b99b2..b47be287cc 100644
--- a/horizon/static/framework/widgets/charts/pie-chart.html
+++ b/horizon/static/framework/widgets/charts/pie-chart.html
@@ -7,7 +7,7 @@
   </div>
 
   <svg class="svg-pie-chart"
-    ng-if="chartData.showChart"
+    ng-show="chartData.showChart"
     ng-attr-height="{$ ::model.settings.diameter $}"
     ng-attr-width="{$ ::model.settings.diameter $}">
     <g class="chart"
diff --git a/horizon/static/framework/widgets/charts/pie-chart.spec.js b/horizon/static/framework/widgets/charts/pie-chart.spec.js
index 6861000b4c..298a6a3f00 100644
--- a/horizon/static/framework/widgets/charts/pie-chart.spec.js
+++ b/horizon/static/framework/widgets/charts/pie-chart.spec.js
@@ -138,8 +138,8 @@
       expect($elementTotal.find('svg').length).toBe(1);
     });
 
-    it('Unlimited quota chart should have no svg element', function () {
-      expect($elementNoQuota.find('svg').length).toBe(0);
+    it('Unlimited quota chart should have hidden svg element', function () {
+      expect($elementNoQuota.find('svg').is(':hidden')).toBe(true);
     });
 
     it('Max chart should have 3 path elements', function () {