diff --git a/src/app/(public)/about/components/InfoBody.tsx b/src/app/(public)/about/components/InfoBody.tsx index 24c1db5..268c84a 100644 --- a/src/app/(public)/about/components/InfoBody.tsx +++ b/src/app/(public)/about/components/InfoBody.tsx @@ -8,15 +8,19 @@ export const SectionText = styled('p')(({ theme }) => ({ fontFamily: theme.typography.fontFamily, lineHeight: theme.spacing(3), maxWidth: '60%', - marginBottom: theme.spacing(6), + marginTop: theme.spacing(6), + marginBottom: '118px', [theme.breakpoints.down('sm')]: { fontSize: theme.typography.body2.fontSize, maxWidth: '100%', + marginTop: theme.spacing(3), + marginBottom: theme.spacing(6), }, })); export const SectionTitle = styled('h2')(({ theme }) => ({ display: 'flex', + margin: 0, flexDirection: 'column', alignItems: 'center', color: theme.palette.text.primary, @@ -30,6 +34,9 @@ export const SectionWrapper = styled(Box)(({ theme }) => ({ alignItems: 'center', flexDirection: 'column', backgroundColor: theme.palette.background.default, - paddingTop: theme.spacing(6), + paddingTop: '150px', color: theme.palette.text.primary, + [theme.breakpoints.down('sm')]: { + paddingTop: theme.spacing(6), + }, }));