From 5c2f11686732c47958adc714355c5ad50fab1da9 Mon Sep 17 00:00:00 2001
From: Bryan Lundberg <bryanlundberg@outlook.com>
Date: Tue, 17 Sep 2024 06:45:46 -0600
Subject: [PATCH] style: improve settings overflow layout

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

diff --git a/src/components/menu-settings/Menu.tsx b/src/components/menu-settings/Menu.tsx
index 5a4f8d62..9855a239 100644
--- a/src/components/menu-settings/Menu.tsx
+++ b/src/components/menu-settings/Menu.tsx
@@ -44,7 +44,7 @@ export default function MenuSettings() {
               animate={{ x: 0, opacity: 1 }}
               exit={{ x: -400, opacity: 0.6 }}
               transition={{ type: "lineal" }}
-              className="flex flex-col w-full gap-3 sm:w-96 bg-background border-r"
+              className="flex flex-col w-full gap-3 sm:max-w-[450px] bg-background border-r"
             >
               <ScrollArea>
                 <div className="my-3 relative">