diff --git a/src/pages/Landing/index.tsx b/src/pages/Landing/index.tsx index cee846e508..c540029ada 100644 --- a/src/pages/Landing/index.tsx +++ b/src/pages/Landing/index.tsx @@ -49,6 +49,9 @@ const Glow = styled.div` ` const ContentWrapper = styled.div<{ isDarkMode: boolean }>` + display: flex; + flex-direction: column; + align-items: center; width: 100%; max-width: min(720px, 90%); position: absolute; @@ -113,7 +116,7 @@ const SubTextContainer = styled.div` ` const LandingButton = styled(BaseButton)` - padding: 16px; + padding: 16px 0px; border-radius: 24px; ` @@ -142,15 +145,12 @@ const ButtonCTASecondary = styled(LandingButton)` const ButtonCTAText = styled.p` margin: 0px; font-size: 16px; + font-weight: 600; white-space: nowrap; @media screen and (min-width: ${BREAKPOINTS.sm}px) { font-size: 20px; } - - @media screen and (min-width: ${BREAKPOINTS.md}px) { - font-size: 24px; - } ` const ActionsWrapper = styled.span` @@ -158,6 +158,7 @@ const ActionsWrapper = styled.span` justify-content: center; gap: 12px; width: 100%; + max-width: 600px; & > * { max-width: 288px;