From 5632c4584b2d630b5879bcc669f0badc7bc5a688 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 13 Jul 2024 13:01:33 +0200
Subject: [PATCH] Consider y-scrollbar when setting max-width

In case there was a y-scrollbar, the set max width caused the x-scrollbar to also appear
---
 src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index b48628ae..02c24d5c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -88,7 +88,7 @@ const MainApp = () => {
             sx={{
                 flexGrow: 1,
                 minHeight: `calc(100vh - ${bottomBarHeight}px)`,
-                maxWidth: `calc(100vw - ${navBarWidth}px)`,
+                maxWidth: `calc(100vw - (100vw - 100%) - ${navBarWidth}px)`,
                 position: 'relative',
                 mb: `${bottomBarHeight}px`,
             }}