diff --git a/components/Profile/Edit/Edit.styled.jsx b/components/Profile/Edit/Edit.styled.jsx index 4e125605..5b069767 100644 --- a/components/Profile/Edit/Edit.styled.jsx +++ b/components/Profile/Edit/Edit.styled.jsx @@ -15,7 +15,7 @@ export const ContentWrapper = styled.div` margin: 0 auto; width: 672px; @media (max-width: 767px) { - width: 80%; + width: 100%; .title { text-overflow: ellipsis; width: 100%; diff --git a/components/Profile/UserTabs/UserTabs.styled.jsx b/components/Profile/UserTabs/UserTabs.styled.jsx index 4ad3d598..3662d6ab 100644 --- a/components/Profile/UserTabs/UserTabs.styled.jsx +++ b/components/Profile/UserTabs/UserTabs.styled.jsx @@ -42,6 +42,7 @@ export const StyledPanelText = styled(Box)` flex-direction: column; span { margin-left: 0px; + place-items: start; } } `; diff --git a/components/Profile/index.jsx b/components/Profile/index.jsx index ede32ae5..6568b6c5 100644 --- a/components/Profile/index.jsx +++ b/components/Profile/index.jsx @@ -89,6 +89,9 @@ const Profile = ({ sx={{ position: 'relative', mb: '10px', + '@media (max-width: 767px)': { + width: '100%', + }, }} >