diff --git a/datetime-chart.php b/datetime-chart.php
index 776ec6e068d940a88c1963fd56b7df200045f990..2cfaeda3dc2df8b865775ea20b14e078e6120af7 100644
--- a/datetime-chart.php
+++ b/datetime-chart.php
@@ -17,7 +17,7 @@ case 'page':
   <p>
      <strong><?php echo $wc_chart_title; ?></strong>
   </p>
-  <div class="wc-chart" id="wc-<?php echo $post_type; ?>-<?php echo $dt_unit; ?>-count" ></div>
+  <div class="wc-chart wc-datetime-chart" id="wc-<?php echo $post_type; ?>-<?php echo $dt_unit; ?>-count" ></div>
   <script type="text/javascript">
       var options = {
           chart: {
diff --git a/style.css b/style.css
index b726c971afe798428ab5a38dabad23c0d5a49b9c..c0edc7df5fc753c9242c53b98e1cee398626018a 100644
--- a/style.css
+++ b/style.css
@@ -12,7 +12,7 @@ progress#wc-progress {
 
 table.wc-table {
     max-width: 800px;
-    background-color: #fff;
+    background-color: white;
 }
 
 table.wc-table, th, td {
@@ -70,7 +70,7 @@ th.left {
     height: 50px;
     background-color: #777;
     color: #eee;
-    border: 1px solid #000;
+    border: 1px solid black;
     margin-right: 3px;
 }
 
@@ -87,7 +87,7 @@ th.left {
     margin-top: 1px;
     padding: 20px;
     padding-top: 0px;
-    border: 1px solid #000;
+    border: 1px solid black;
     background-color: #fafafa;
 }
 
@@ -100,42 +100,6 @@ div.wc-input {
     width: 100%;
 }
 
-div#wc-post-barchart {
-    max-width: 1200px;
-}
-
-div#wc-page-barchart {
-    max-width: 1200px;
-}
-
-div#wc-post-piechart {
-    max-width: 1200px;
-}
-
-div#wc-page-piechart {
-    max-width: 1200px;
-}
-
-div#wc-post-year-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
-div#wc-page-year-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
-div#wc-post-month-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
-div#wc-page-month-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
 .wc-stats-container {
     display: flex;
     flex-flow: row wrap;
@@ -151,3 +115,12 @@ div#wc-page-month-count {
     border: 1px solid black;
     background-color: #fff;
 }
+
+.wc-datetime-chart {
+    max-width: 800px;
+    min-width: 300px;
+}
+
+.wc-fig-chart {
+    max-width: 1200px;
+}
diff --git a/top-20-barcharts.php b/top-20-barcharts.php
index d72c93773a75e588bff0a2610bcd69c1d3f56655..4e75c6401abd5fef027b42a537575d5f19abc87d 100644
--- a/top-20-barcharts.php
+++ b/top-20-barcharts.php
@@ -71,7 +71,7 @@ $base_url = get_site_url() . '/wp-content/plugins/word-count';
 <script src="<?php echo $base_url; ?>/apexcharts/apexcharts.js"></script>
 <div class="wc_section">
   <h3><?php echo $sec_title; ?></h3>
-  <div class="wc-chart" id="wc-<?php echo $post_type; ?>-barchart" ></div>
+  <div class="wc-chart wc-fig-chart" id="wc-<?php echo $post_type; ?>-barchart" ></div>
   <script type="text/javascript">
 var options = {
     chart: { type: 'bar',
diff --git a/top-20-piecharts.php b/top-20-piecharts.php
index 235950e71734d361a6d15c448f80c1e469f6b878..aedf40cb0d99e7c5ee40de35ae4a173486d620bd 100644
--- a/top-20-piecharts.php
+++ b/top-20-piecharts.php
@@ -72,7 +72,7 @@ $n = $wpdb->num_rows;
 <script src="<?php echo $base_url; ?>/apexcharts/apexcharts.js"></script>
 <div class="wc_section">
   <h3><?php echo $sec_title; ?></h3>
-  <div class="wc-chart" id="wc-<?php echo $post_type; ?>-piechart" ></div>
+  <div class="wc-chart wc-fig-chart" id="wc-<?php echo $post_type; ?>-piechart" ></div>
   <script type="text/javascript">
 var options = {
     chart: { type: 'donut' },