diff --git a/src/components/Apps/AppViewer.tsx b/src/components/Apps/AppViewer.tsx
index 8fa14bb..49955f5 100644
--- a/src/components/Apps/AppViewer.tsx
+++ b/src/components/Apps/AppViewer.tsx
@@ -61,7 +61,7 @@ export const AppViewer = ({ app }) => {
 
   return (
         <iframe ref={iframeRef} style={{
-          height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px - 20px)`,
+          height: !isMobile ? '100vh' : `calc(${rootHeight} - 60px - 45px )`,
           border: 'none',
           width: '100%'
         }} id="browser-iframe" src={defaultUrl} sandbox="allow-scripts allow-same-origin allow-forms allow-downloads allow-modals" allow="fullscreen">
diff --git a/src/components/Apps/AppViewerContainer.tsx b/src/components/Apps/AppViewerContainer.tsx
index e68e285..df748ed 100644
--- a/src/components/Apps/AppViewerContainer.tsx
+++ b/src/components/Apps/AppViewerContainer.tsx
@@ -28,13 +28,18 @@ const AppViewerContainer = ({app, isSelected, hide}) => {
               *::-webkit-scrollbar {
                 display: none;  /* Chrome, Safari, Opera */
               }
+              .frame-content {
+                overflow: hidden;
+                height: ${!isMobile ? '100vh' :  `calc(${rootHeight} - 60px - 45px )`};
+              }
             `}
           </style>
         </>
       } style={{
-          height: !isMobile ? '100vh' :  `calc(${rootHeight} - 60px - 45px  - 20px)`,
+          height: !isMobile ? '100vh' :  `calc(${rootHeight} - 60px - 45px )`,
           border: 'none',
           width: '100%',
+          overflow: 'hidden',
           display: (!isSelected || hide) && 'none'
         }} ><AppViewer app={app}  /></Frame>
   )