diff --git a/src/components/Apps/AppsDesktop.tsx b/src/components/Apps/AppsDesktop.tsx
index 98dfe6d..37d7648 100644
--- a/src/components/Apps/AppsDesktop.tsx
+++ b/src/components/Apps/AppsDesktop.tsx
@@ -524,12 +524,12 @@ export const AppsDesktop = ({
         }
         return (
           <AppViewerContainer
-            key={tab?.tabId}
-            hide={isNewTabWindow}
-            isSelected={tab?.tabId === selectedTab?.tabId}
             app={tab}
-            ref={iframeRefs.current[tab.tabId]}
+            hide={isNewTabWindow}
             isDevMode={tab?.service ? false : true}
+            isSelected={tab?.tabId === selectedTab?.tabId}
+            key={tab?.tabId}
+            ref={iframeRefs.current[tab.tabId]}
           />
         );
       })}
@@ -539,20 +539,20 @@ export const AppsDesktop = ({
           <Box
             sx={{
               display: 'flex',
-              width: '100%',
               flexDirection: 'column',
               height: '100vh',
               overflow: 'auto',
+              width: '100%',
             }}
           >
             <Spacer height="30px" />
 
             <AppsHomeDesktop
-              myName={myName}
               availableQapps={availableQapps}
-              setMode={setMode}
               myApp={myApp}
+              myName={myName}
               myWebsite={myWebsite}
+              setMode={setMode}
             />
           </Box>
         </>