Ich habe jetzt noch den zweiten, seitenweiten Overflow extra abgefangen:

in globals.css mit overflow-x: hidden für die Seite
in dashboard-shell.tsx mit einer harten Breitenbegrenzung für den Übersichts-Scroll-Container und overflowX: "hidden" am Desktop-Wrapper
Damit soll auf Desktop nur noch der eine gewünschte horizontale Scroll im Übersichtsbereich übrig bleiben, nicht zusätzlich noch ein Browser-/Seiten-Scrollbar.

src/app/globals.css

@@ -6,6 +6,7 @@ html,
 body {
   margin: 0;
   min-height: 100%;
+  overflow-x: hidden;
 }
 
 html {

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">