diff --git a/src/App.tsx b/src/App.tsx
index 37a8954..1fc5acb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1828,6 +1828,7 @@ function App() {
         backgroundSize: desktopViewMode === "apps" && "cover",
         backgroundPosition: desktopViewMode === "apps" && "center",
         backgroundRepeat: desktopViewMode === "apps" && "no-repeat",
+        overflow: "hidden"
       }}
     >
           
diff --git a/src/components/Apps/AppViewerContainer.tsx b/src/components/Apps/AppViewerContainer.tsx
index 633a183..bde4ab1 100644
--- a/src/components/Apps/AppViewerContainer.tsx
+++ b/src/components/Apps/AppViewerContainer.tsx
@@ -35,8 +35,8 @@ const AppViewerContainer = React.forwardRef(({ app, isSelected, hide, customHeig
         </>
       }
       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/Apps.tsx b/src/components/Apps/Apps.tsx
index 4df49ee..054c871 100644
--- a/src/components/Apps/Apps.tsx
+++ b/src/components/Apps/Apps.tsx
@@ -292,8 +292,8 @@ export const Apps = ({ mode, setMode, show , myName}) => {
   return (
     <AppsParent
       sx={{
-        position: !show && 'absolute',
-        left: !show && '10000000px',
+        position: !show && 'fixed',
+        left: !show && '-200vw',
       }}
     >
       {mode !== "viewer" && !selectedTab  && <Spacer height="30px" />}