diff --git a/resources/js/Components/Common/Reporting/ReportingPieChart.vue b/resources/js/Components/Common/Reporting/ReportingPieChart.vue
index db489a91..ea01cd93 100644
--- a/resources/js/Components/Common/Reporting/ReportingPieChart.vue
+++ b/resources/js/Components/Common/Reporting/ReportingPieChart.vue
@@ -103,7 +103,7 @@ const option = ref({
 
 <template>
     <v-chart
-        class="background-transparent h-[460px]"
+        class="background-transparent max-w-[300px] mx-auto h-[460px]"
         :autoresize="true"
         :option="option" />
 </template>
diff --git a/resources/js/Components/Dashboard/ProjectsChartCard.vue b/resources/js/Components/Dashboard/ProjectsChartCard.vue
index d842d398..1edf2a28 100644
--- a/resources/js/Components/Dashboard/ProjectsChartCard.vue
+++ b/resources/js/Components/Dashboard/ProjectsChartCard.vue
@@ -76,7 +76,7 @@ const option = ref({
 
 <template>
     <v-chart
-        class="h-[420px] bg-transparent"
+        class="h-[420px] max-w-[300px] mx-auto bg-transparent"
         :autoresize="true"
         :option="option" />
 </template>