From d9c49fc2643f0db0d0d92ca1bf19bb8f96d2dbe7 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Thu, 20 Mar 2025 18:26:01 +0200
Subject: [PATCH] fix app container overflow

---
 src/App-styles.ts                          | 1 +
 src/components/Apps/AppViewerContainer.tsx | 4 ++--
 src/components/Apps/AppsDevMode.tsx        | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App-styles.ts b/src/App-styles.ts
index 21b911d..6100951 100644
--- a/src/App-styles.ts
+++ b/src/App-styles.ts
@@ -11,6 +11,7 @@ export const AppContainer = styled(Box)(({ theme }) => ({
   radius: "15px",
   backgroundColor: theme.palette.background.default,
   color: theme.palette.text.primary,
+  overflow: 'hidden'
 }));
 
 export const AuthenticatedContainer = styled(Box)(({ theme }) => ({
diff --git a/src/components/Apps/AppViewerContainer.tsx b/src/components/Apps/AppViewerContainer.tsx
index 2029b0b..194ae68 100644
--- a/src/components/Apps/AppViewerContainer.tsx
+++ b/src/components/Apps/AppViewerContainer.tsx
@@ -35,8 +35,8 @@ const AppViewerContainer = React.forwardRef(({ app, isSelected, hide, isDevMode,
         </>
       }
       style={{
-        position: (!isSelected || hide) && 'absolute',
-        left: (!isSelected || hide) && '10000000px',
+        position: (!isSelected || hide) && 'fixed',
+        left: (!isSelected || hide) && '-200vw',
         height: customHeight ? customHeight : !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px)`,
         border: 'none',
         width: '100%',
diff --git a/src/components/Apps/AppsDevMode.tsx b/src/components/Apps/AppsDevMode.tsx
index d569741..d4edc0c 100644
--- a/src/components/Apps/AppsDevMode.tsx
+++ b/src/components/Apps/AppsDevMode.tsx
@@ -217,8 +217,8 @@ export const AppsDevMode = ({ mode, setMode, show , myName, goToHome, setDesktop
     <AppsParent
       sx={{
         flexDirection:  'row' ,
-        position: !show && 'absolute',
-        left: !show && '10000000px',
+        position: !show && 'fixed',
+        left: !show && '-200vw',
       }}
     >