diff --git a/src/pages/dashboard/default.jsx b/src/pages/dashboard/default.jsx
index 480d93b..68f6b8b 100644
--- a/src/pages/dashboard/default.jsx
+++ b/src/pages/dashboard/default.jsx
@@ -716,9 +716,9 @@ export default function DashboardDefault() {
       </Grid>
 
       {/* row 4: User Retention Metrics */}
-      <Grid size={12} sx={{ mb: 4 }}>
+      {/* <Grid size={12} sx={{ mb: 4 }}>
         <UserRetentionMetrics filters={filtersApplied} />
-      </Grid>
+      </Grid> */}
     </Grid>
   );
 }
diff --git a/src/pages/extra-pages/documentation.jsx b/src/pages/extra-pages/documentation.jsx
index 9ca0901..b16e1c5 100644
--- a/src/pages/extra-pages/documentation.jsx
+++ b/src/pages/extra-pages/documentation.jsx
@@ -422,41 +422,6 @@ export default function Documentation() {
                   secondary="Interactive visualization showing user distribution across countries. Click on countries to see detailed statistics."
                 />
               </ListItem>
-              <ListItem>
-                <ListItemText
-                  primary={<strong>User Retention Metrics:</strong>}
-                  secondary={
-                    <span>
-                      Cohort analysis showing how well you retain users over time. This powerful feature helps you understand user loyalty
-                      and engagement:
-                      <ul style={{ marginTop: '8px', marginBottom: '8px' }}>
-                        <li>
-                          <strong>Monthly Cohorts</strong> - Groups users by their signup month
-                        </li>
-                        <li>
-                          <strong>Cohort Table View</strong> - Shows retention percentages for each cohort over 7 periods (0-6 months).
-                          Period 0 is the signup month (always 100%), and subsequent periods show how many users from that cohort are still
-                          active.
-                        </li>
-                        <li>
-                          <strong>Retention Curves View</strong> - Line chart visualizing retention trends over time for multiple cohorts
-                        </li>
-                        <li>
-                          <strong>Color Coding</strong> - Green (80%+ retention) indicates excellent retention, yellow (40-80%) shows
-                          moderate retention, and red (below 40%) highlights areas needing attention
-                        </li>
-                        <li>
-                          <strong>Key Metrics</strong> - Average Day 1, Month 3, and Month 6 retention rates at a glance
-                        </li>
-                      </ul>
-                      <strong>How to Read It:</strong> If the January 2024 cohort shows 85% at +1, it means 85% of users who signed up in
-                      January were still active one month later (February). Use this to identify which cohorts had better retention and
-                      understand what factors contributed to their success. Look for patterns: Are recent cohorts retaining better than
-                      older ones? Is there a consistent drop-off point (e.g., after Month 2)?
-                    </span>
-                  }
-                />
-              </ListItem>
               <ListItem>
                 <ListItemText
                   primary="Download Data"
diff --git a/src/sections/publications/PlatformSuccessRateChart.jsx b/src/sections/publications/PlatformSuccessRateChart.jsx
index 975e7ab..5c2e9fa 100644
--- a/src/sections/publications/PlatformSuccessRateChart.jsx
+++ b/src/sections/publications/PlatformSuccessRateChart.jsx
@@ -156,7 +156,7 @@ export function PlatformSuccessRateSummary({ filters }) {
               {platform.platform.toUpperCase()}
             </Typography>
           </Box>
-          <Typography variant="h5" color="success.dark" sx={{ mb: 0.5 }}>
+          <Typography variant="h5" sx={{ mb: 0.5 }}>
             {platform.successRate}%
           </Typography>
           <Typography variant="caption" color="text.secondary">
@@ -219,7 +219,7 @@ export default function PlatformSuccessRateChart({ filters }) {
           <Loader size={50} fullScreen={false} />
         </Box>
       ) : (
-        <Box sx={{ p: 2.5 }}>
+        <Box sx={{ p: 1.5 }}>
           <Typography variant="h5" gutterBottom>
             Platform Success Rates
           </Typography>
diff --git a/src/sections/publications/UsageHeatmap.jsx b/src/sections/publications/UsageHeatmap.jsx
index aba335d..f0916d3 100644
--- a/src/sections/publications/UsageHeatmap.jsx
+++ b/src/sections/publications/UsageHeatmap.jsx
@@ -10,6 +10,7 @@ import timezone from 'dayjs/plugin/timezone';
 // components
 import MainCard from 'components/MainCard';
 import Loader from 'components/Loader';
+import { height } from '@mui/system';
 
 dayjs.extend(utc);
 dayjs.extend(timezone);
@@ -151,7 +152,7 @@ export default function UsageHeatmap({ filters }) {
   }
 
   return (
-    <MainCard>
+    <MainCard sx={{ height: 446, p: 1 }}>
       <Typography variant="h5" gutterBottom>
         Peak Usage Hours
       </Typography>
@@ -160,7 +161,7 @@ export default function UsageHeatmap({ filters }) {
       </Typography>
 
       <Box sx={{ overflowX: 'auto' }}>
-        <Box sx={{ minWidth: 700 }}>
+        <Box sx={{ minWidth: 600 }}>
           {/* Hour labels */}
           <Box sx={{ display: 'flex', mb: 1, ml: 6 }}>
             {hoursOfDay.map((hour) => (