From 1f3955aa44db947a63e4d546f57b5823c5e7cf57 Mon Sep 17 00:00:00 2001
From: Alkado heneliko <120256491+alkadoHs@users.noreply.github.com>
Date: Wed, 26 Mar 2025 12:15:29 +0300
Subject: [PATCH] fiex: layout overflow

Fix layout overflow issues when using CSS utilities like flex or large tables.
---
 resources/js/components/ui/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/sidebar.tsx b/resources/js/components/ui/sidebar.tsx
index a87bc0b3..31de9b9b 100644
--- a/resources/js/components/ui/sidebar.tsx
+++ b/resources/js/components/ui/sidebar.tsx
@@ -304,7 +304,7 @@ function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
     <main
       data-slot="sidebar-inset"
       className={cn(
-        "bg-background relative flex min-h-svh flex-1 flex-col",
+        "bg-background relative flex max-w-full min-h-svh flex-1 flex-col",
         "peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-0",
         className
       )}