fix doppelte Desktop-Scrollbar

src/components/dashboard/budget-column.tsx

@@ -152,9 +152,9 @@ export function BudgetColumn({
   const [expandedRecurringExpenses, setExpandedRecurringExpenses] = useState<Record<string, boolean>>({});
 
   const budgetCardWidth = 352;
-  const groupCardWidth = Math.min(
-    Math.max(group.budgets.length * budgetCardWidth + Math.max(group.budgets.length - 1, 0) * 16 + 48, 440),
-    1160
+  const groupCardWidth = Math.max(
+    group.budgets.length * budgetCardWidth + Math.max(group.budgets.length - 1, 0) * 16 + 48,
+    440
   );
   const canEditBudgets = canManageBudgets(viewer.role);
 
@@ -358,12 +358,12 @@ export function BudgetColumn({
             direction="row"
             gap={2}
             sx={{
-              overflowX: "auto",
+              overflowX: { xs: "auto", md: "visible" },
               overflowY: "hidden",
-              pb: 1.5,
+              pb: { xs: 1.5, md: 0 },
               alignItems: "stretch",
-              scrollSnapType: "x proximity",
-              scrollbarGutter: "stable both-edges",
+              scrollSnapType: { xs: "x proximity", md: "none" },
+              scrollbarGutter: { xs: "stable both-edges", md: "auto" },
               overscrollBehaviorX: "contain"
             }}
           >