diff --git a/src/app/globals.css b/src/app/globals.css
index ad7bd54..4072fd7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -6,6 +6,7 @@ html,
 body {
   margin: 0;
   min-height: 100%;
+  overflow-x: hidden;
 }
 
 html {
diff --git a/src/components/dashboard/dashboard-shell.tsx b/src/components/dashboard/dashboard-shell.tsx
index 460c91a..b467c5a 100644
--- a/src/components/dashboard/dashboard-shell.tsx
+++ b/src/components/dashboard/dashboard-shell.tsx
@@ -1963,6 +1963,9 @@ export function DashboardShell({
         direction={isCompactLayout ? "column" : "row"}
         gap={2}
         sx={{
+          width: "100%",
+          minWidth: 0,
+          maxWidth: "100%",
           overflowX: isCompactLayout ? "visible" : "auto",
           overflowY: "hidden",
           pb: isCompactLayout ? 0 : 2,
@@ -1996,9 +1999,9 @@ export function DashboardShell({
 
   const desktopSectionContent =
     desktopSection === "overview" ? (
-      <Stack direction={{ xs: "column", xl: "row" }} gap={3} alignItems="flex-start">
+      <Stack direction={{ xs: "column", xl: "row" }} gap={3} alignItems="flex-start" sx={{ minWidth: 0 }}>
         <Box sx={{ width: { xs: "100%", xl: 380 }, flexShrink: 0 }}>{actionCards}</Box>
-        <Box sx={{ flex: 1, minWidth: 0 }}>{overviewContent}</Box>
+        <Box sx={{ flex: 1, minWidth: 0, maxWidth: "100%", overflowX: "hidden" }}>{overviewContent}</Box>
       </Stack>
     ) : desktopSection === "periods" ? (
       <Stack direction={{ xs: "column", xl: "row" }} gap={3} alignItems="flex-start">