diff --git a/public/css/build/overrides.css b/public/css/build/overrides.css
index c676b59b6..2ce2c2327 100644
--- a/public/css/build/overrides.css
+++ b/public/css/build/overrides.css
@@ -554,6 +554,7 @@ th.css-accessory > .th-inner::before {
 .form-group.has-error label {
   color: #a94442;
 }
+
 .select2-container--default .select2-selection--multiple {
   border-radius: 0px;
 }
diff --git a/public/css/dist/all.css b/public/css/dist/all.css
index 269ae29c6..d0ae4b8a2 100644
--- a/public/css/dist/all.css
+++ b/public/css/dist/all.css
@@ -20465,7 +20465,6 @@ th.css-accessory > .th-inner::before {
   border-radius: 0px;
 }
 
-
 .select2-container {
   box-sizing: border-box;
   display: inline-block;
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 050d1341f..2e1cfda08 100755
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -424,7 +424,7 @@
       var pieOptions = {
               legend: {
                   position: 'top',
-                  responsive: true, 
+                  responsive: true,
                   maintainAspectRatio: true,
               }
           };
@@ -446,7 +446,13 @@
           },
           error: function (data) {
               // window.location.reload(true);
-          }
+          },
       });
+        var last = document.getElementById('statusPieChart').clientWidth;
+        addEventListener('resize', function() {
+        var current = document.getElementById('statusPieChart').clientWidth;
+        if (current != last) location.reload();
+        last = current;
+    });
 </script>
 @endpush