From 98f165d33cda7c419f70ae7656ba9269bba81ec3 Mon Sep 17 00:00:00 2001
From: rogerio <rosestolato.rogerio@gmail.com>
Date: Mon, 27 Jan 2025 10:03:54 -0300
Subject: [PATCH] fix: drawer max width

---
 src/components/drawer/drawer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/drawer/drawer.tsx b/src/components/drawer/drawer.tsx
index c256901..0a537d5 100644
--- a/src/components/drawer/drawer.tsx
+++ b/src/components/drawer/drawer.tsx
@@ -30,7 +30,7 @@ const DrawerRoot = ({ children, ...props }: DrawerRootProps) => {
     <Dialog.Root {...props}>
       <Dialog.Portal>
         <Dialog.Overlay className="z-50 fixed inset-0 bg-[#00000011] w-screen h-screen backdrop-blur-[1px] animate-fade-in" />
-        <Dialog.Content className="z-50 flex flex-col bg-[#FFFFFF] shadow-drawer rounded-xl w-[400px] border border-border-card fixed right-6 top-6 h-[calc(100vh-48px)] data-[state=open]:animate-drawer-slide-in data-[state=closed]:animate-drawer-slide-out">
+        <Dialog.Content className="z-50 flex flex-col bg-[#FFFFFF] shadow-drawer rounded-xl max-w-[calc(100%-48px)] w-[400px] border border-border-card fixed right-6 top-6 h-[calc(100vh-48px)] data-[state=open]:animate-drawer-slide-in data-[state=closed]:animate-drawer-slide-out">
           {children}
         </Dialog.Content>
       </Dialog.Portal>