From 8c777dc7f5ced23b5c8db184fe61b71c2a1a93f6 Mon Sep 17 00:00:00 2001
From: 0xMakka <keith.33m@gmail.com>
Date: Thu, 30 Jan 2025 06:21:33 +0000
Subject: [PATCH] add max-width on buttons for larger screens

---
 app/components/views/Buy/styles.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

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;