diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 907de0b78..3509a0ef0 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -724,7 +724,7 @@
               </div>
               <div class="card-body">
                 <div class="chart">
-                  <canvas id="areaChart" style="height:250px; min-height:250px"></canvas>
+                  <canvas id="areaChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                 </div>
               </div>
               <!-- /.card-body -->
@@ -743,7 +743,7 @@
                 </div>
               </div>
               <div class="card-body">
-                <canvas id="donutChart" style="height:230px; min-height:230px"></canvas>
+                <canvas id="donutChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
               </div>
               <!-- /.card-body -->
             </div>
@@ -761,7 +761,7 @@
                 </div>
               </div>
               <div class="card-body">
-                <canvas id="pieChart" style="height:230px; min-height:230px"></canvas>
+                <canvas id="pieChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
               </div>
               <!-- /.card-body -->
             </div>
@@ -783,7 +783,7 @@
               </div>
               <div class="card-body">
                 <div class="chart">
-                  <canvas id="lineChart" style="height:250px; min-height:250px"></canvas>
+                  <canvas id="lineChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                 </div>
               </div>
               <!-- /.card-body -->
@@ -803,7 +803,7 @@
               </div>
               <div class="card-body">
                 <div class="chart">
-                  <canvas id="barChart" style="height:230px; min-height:230px"></canvas>
+                  <canvas id="barChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                 </div>
               </div>
               <!-- /.card-body -->
@@ -823,7 +823,7 @@
               </div>
               <div class="card-body">
                 <div class="chart">
-                  <canvas id="stackedBarChart" style="height:230px; min-height:230px"></canvas>
+                  <canvas id="stackedBarChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                 </div>
               </div>
               <!-- /.card-body -->