diff --git a/app/dashboard/approve/page.tsx b/app/dashboard/approve/page.tsx
index c496001..6bd8adb 100644
--- a/app/dashboard/approve/page.tsx
+++ b/app/dashboard/approve/page.tsx
@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function ApprovePage() {
   return (
     <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Approve</h1>
+    <Typography variant="h4" gutterBottom>
+        Approve Overview
+      </Typography>
     </div>
   );
 }
\ No newline at end of file
diff --git a/app/dashboard/investigate/page.tsx b/app/dashboard/investigate/page.tsx
index 28fbef1..4e18b65 100644
--- a/app/dashboard/investigate/page.tsx
+++ b/app/dashboard/investigate/page.tsx
@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function InvestigatePage() {
   return (
-    <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Investigate</h1>
+   <div>
+    <Typography variant="h4" gutterBottom>
+      Investigate Overview
+      </Typography>
     </div>
   );
 }
\ No newline at end of file
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 4520b57..b643293 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -9,7 +9,6 @@ const DashboardPage = () => {
       <Typography variant="h4" gutterBottom>
         Dashboard Overview
       </Typography>
-      {/* Add your dashboard content here */}
   </div>
   );
 };
diff --git a/app/dashboard/transactions/page.tsx b/app/dashboard/transactions/page.tsx
index 800d90d..86c0d19 100644
--- a/app/dashboard/transactions/page.tsx
+++ b/app/dashboard/transactions/page.tsx
@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function TransactionPage() {
   return (
-    <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Transactions</h1>
+   <div>
+    <Typography variant="h4" gutterBottom>
+        Transaction Overview
+      </Typography>
     </div>
   );
 }
\ No newline at end of file