From f0a7334e0b92928f196a80b72417087f6e21f4b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Jur=C4=8Do?=
 <62913177+peterjurco@users.noreply.github.com>
Date: Mon, 20 Jan 2025 09:15:17 +0100
Subject: [PATCH] Fix breakpoints on 404 page (#526)

---
 src/pages/not-found/not-found.module.scss | 2 +-
 src/pages/not-found/not-found.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/not-found/not-found.module.scss b/src/pages/not-found/not-found.module.scss
index 4d1dbad1..ce213109 100644
--- a/src/pages/not-found/not-found.module.scss
+++ b/src/pages/not-found/not-found.module.scss
@@ -56,7 +56,7 @@
     @include font-body-15;
   }
 
-  @media (min-width: $sm) {
+  @media (min-width: $md) {
     gap: 16px;
 
     h1 {
diff --git a/src/pages/not-found/not-found.tsx b/src/pages/not-found/not-found.tsx
index 78a438c8..8e075c3a 100644
--- a/src/pages/not-found/not-found.tsx
+++ b/src/pages/not-found/not-found.tsx
@@ -15,7 +15,7 @@ const NotFoundPage = () => {
             <p>Let’s get you back to home.</p>
           </div>
 
-          <Button href="/" type="primary" className={styles.button} size="sm" sm={{ size: 'lg' }}>
+          <Button href="/" type="primary" className={styles.button} size="sm" md={{ size: 'lg' }}>
             Staking
           </Button>
         </div>