diff --git a/src/features/AuthServiceApp/components/App/index.tsx b/src/features/AuthServiceApp/components/App/index.tsx index 2fc36273..81481e25 100644 --- a/src/features/AuthServiceApp/components/App/index.tsx +++ b/src/features/AuthServiceApp/components/App/index.tsx @@ -26,9 +26,7 @@ const Main = styled.main` ${isMobileDevice ? css` padding: 0 12px; - @media screen and (orientation: landscape){ - max-height: 100vh; - } + max-height: 100vh; ` : ''}; ` diff --git a/src/features/UserAccount/styled.tsx b/src/features/UserAccount/styled.tsx index fe124656..5de071b8 100644 --- a/src/features/UserAccount/styled.tsx +++ b/src/features/UserAccount/styled.tsx @@ -95,6 +95,8 @@ export const ContentWrapper = styled.div` ${isMobileDevice ? css` margin-top: 10px; + min-height: 100vh; + overflow-y: auto; @media (orientation: landscape){ margin-top: 0; padding-left: 28px; @@ -129,6 +131,9 @@ export const Body = styled.div` ${isMobileDevice ? css` width: 100%; + overflow-y: auto; + min-height: 100vh; + @media (orientation: landscape){ flex-direction: row; height: auto;