diff --git a/src/features/UserAccount/components/Header/index.tsx b/src/features/UserAccount/components/Header/index.tsx index 915a0527..0f1399a1 100644 --- a/src/features/UserAccount/components/Header/index.tsx +++ b/src/features/UserAccount/components/Header/index.tsx @@ -23,7 +23,13 @@ const HeaderStyled = styled.header` ${isMobileDevice ? css` - justify-content: center; + justify-content: center; + @media (max-width: 650px){ + margin-bottom: 20px; + } + @media (orientation: landscape){ + margin-bottom: 20px; + } ` : ''}; ` diff --git a/src/features/UserAccount/components/PersonalInfoForm/styled.tsx b/src/features/UserAccount/components/PersonalInfoForm/styled.tsx index 1b3a224b..b8ffc453 100644 --- a/src/features/UserAccount/components/PersonalInfoForm/styled.tsx +++ b/src/features/UserAccount/components/PersonalInfoForm/styled.tsx @@ -39,6 +39,7 @@ export const Form = styled.div` ${isMobileDevice ? css` width: 100%; + min-width: 100%; @media (orientation: landscape){ padding-top: 0; height: auto;