From 13bc69c5b471ed988f494a5e9f4ab47f885f4f6e Mon Sep 17 00:00:00 2001
From: Jan <jannihanewinkel@gmail.com>
Date: Mon, 13 Apr 2026 15:22:06 +0200
Subject: [PATCH] Ich habe jetzt noch den zweiten, seitenweiten Overflow extra
 abgefangen:
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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                          | 1 +
 src/components/dashboard/dashboard-shell.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

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