diff --git a/app/components/views/Buy/styles.ts b/app/components/views/Buy/styles.ts index 5dc882c9a7..20cba61841 100644 --- a/app/components/views/Buy/styles.ts +++ b/app/components/views/Buy/styles.ts @@ -31,6 +31,7 @@ export const card = css` export const cardMessage = css` gap: 1rem; + width: 100%; display: flex; flex-direction: column; padding: 2rem; @@ -63,6 +64,12 @@ export const cardMessage = css` text-decoration: underline; } + ${breakpoints.desktop} { + & .description { + max-width: 80rem; + } + } + ${breakpoints.desktopLarge} { margin-top: 2.4rem; } @@ -95,6 +102,13 @@ export const buttons = css` } } + ${breakpoints.desktop} { + justify-content: flex-start; + a { + max-width: 50rem; + } + } + ${breakpoints.desktopLarge} { gap: 2rem; flex-direction: row;