diff --git a/payment-iq/app/dashboard/page.tsx b/payment-iq/app/dashboard/page.tsx
index 69588e4..99c60f5 100644
--- a/payment-iq/app/dashboard/page.tsx
+++ b/payment-iq/app/dashboard/page.tsx
@@ -1,13 +1,14 @@
 'use client';
 
+import { Box } from "@mui/material";
 import { HomePage } from "../components/Pages/HomePage/HomePage";
 
 
 const DashboardPage = () => {
   return (
-    <div style={{ maxWidth: '100vw' }}>
+    <Box style={{ maxWidth: '100vw' }}>
       <HomePage />
-    </div>
+    </Box>
   );
 };