diff --git a/src/components/dashboard/reports/LoanDistribution/PieChart.jsx b/src/components/dashboard/reports/LoanDistribution/PieChart.jsx
index 9da086e..1ce3242 100644
--- a/src/components/dashboard/reports/LoanDistribution/PieChart.jsx
+++ b/src/components/dashboard/reports/LoanDistribution/PieChart.jsx
@@ -5,7 +5,7 @@ import {useMediaQuery} from "@mui/material";
 
 const Pie = ({data}) => {
     const theme = useTheme();
-    const upperSm = useMediaQuery((theme.breakpoints.up("sm")))
+    const upperMd = useMediaQuery((theme.breakpoints.up("md")))
     const specialOption = {
         title: {
             text: undefined,
@@ -22,7 +22,7 @@ const Pie = ({data}) => {
             },
         },
         legend: {
-            show: upperSm
+            show: upperMd
         }
     };
     const series = data.map((item) => +item.percentage)
diff --git a/src/components/dashboard/reports/LoanDistribution/PolarChart.jsx b/src/components/dashboard/reports/LoanDistribution/PolarChart.jsx
index 2b62915..d6b73ff 100644
--- a/src/components/dashboard/reports/LoanDistribution/PolarChart.jsx
+++ b/src/components/dashboard/reports/LoanDistribution/PolarChart.jsx
@@ -4,7 +4,7 @@ import {useMediaQuery} from "@mui/material";
 
 const PolarChart = ({data}) => {
     const theme = useTheme();
-    const upperSm = useMediaQuery((theme.breakpoints.up("sm")))
+    const upperMd = useMediaQuery((theme.breakpoints.up("md")))
     const specialOption = {
         title: {
             text: undefined,
@@ -29,7 +29,7 @@ const PolarChart = ({data}) => {
             },
         },
         legend: {
-            show: upperSm
+            show: upperMd
         }
     };
     const series = data.map((item) => +item.percentage)