diff --git a/moneymgr_web/src/widgets/BaseAuthenticatedPage.tsx b/moneymgr_web/src/widgets/BaseAuthenticatedPage.tsx
index 2e8256e..c7d128a 100644
--- a/moneymgr_web/src/widgets/BaseAuthenticatedPage.tsx
+++ b/moneymgr_web/src/widgets/BaseAuthenticatedPage.tsx
@@ -29,7 +29,6 @@ export function BaseAuthenticatedPage(): React.ReactElement {
   const load = async () => {
     setAuthInfo(await AuthApi.GetAuthInfo());
   };
-
   return (
     <AsyncWidget
       loadKey="1"
@@ -72,7 +71,15 @@ export function BaseAuthenticatedPage(): React.ReactElement {
               }}
             >
               <MoneyNavList />
-              <div style={{ flex: 1, display: "flex" }}>
+              <div
+                style={{
+                  flexGrow: 1,
+                  flexShrink: 0,
+                  flexBasis: 0,
+                  minWidth: 0,
+                  display: "flex",
+                }}
+              >
                 <Outlet />
               </div>
             </Box>
diff --git a/moneymgr_web/src/widgets/MoneyMgrWebRouteContainer.tsx b/moneymgr_web/src/widgets/MoneyMgrWebRouteContainer.tsx
index bc9ab57..f3bdccd 100644
--- a/moneymgr_web/src/widgets/MoneyMgrWebRouteContainer.tsx
+++ b/moneymgr_web/src/widgets/MoneyMgrWebRouteContainer.tsx
@@ -11,7 +11,10 @@ export function MoneyMgrWebRouteContainer(
     <div
       style={{
         margin: "50px",
-        flex: "1",
+        flexGrow: 1,
+        flexShrink: 0,
+        flexBasis: 0,
+        minWidth: 0,
         display: "flex",
         flexDirection: "column",
       }}