fix app container overflow

src/App-styles.ts

@@ -16,7 +16,8 @@ export const AppContainer = styled(Box)(({ theme }) => ({
   width: "100vw",
   background: "rgba(39, 40, 44, 1)",
   height: "100vh",
-  radius: "15px"
+  radius: "15px",
+  overflow: 'hidden'
 }));
 export const AuthenticatedContainer = styled(Box)(({ theme }) => ({
   display: "flex",

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%',

src/components/Apps/AppsDesktop.tsx

@@ -313,8 +313,8 @@ export const AppsDesktop = ({ mode, setMode, show , myName, goToHome, setDesktop
   return (
     <AppsParent
       sx={{
-        position: !show && 'absolute',
-        left: !show && '10000000px',
+        position: !show && 'fixed',
+        left: !show && '-200vw',
         flexDirection:  'row' 
       }}
     >

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',
       }}
     >