From 5c03be009aad764d557c3c3424878b909905eb70 Mon Sep 17 00:00:00 2001
From: ryanml <ryanlanese@gmail.com>
Date: Sat, 11 Sep 2021 11:13:36 -0700
Subject: [PATCH] Fixing breakpoint fallthroughs

---
 .../app/gas-customization/advanced-gas-inputs/index.scss    | 2 +-
 ui/components/app/modals/deposit-ether-modal/index.scss     | 4 ++--
 ui/components/app/multiple-notifications/index.scss         | 2 +-
 .../seed-phrase/reveal-seed-phrase/index.scss               | 2 +-
 ui/pages/settings/contact-list-tab/index.scss               | 6 +++---
 ui/pages/swaps/index.scss                                   | 2 +-
 ui/pages/swaps/swaps-footer/index.scss                      | 4 ++--
 ui/pages/swaps/view-quote/index.scss                        | 2 +-
 8 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/ui/components/app/gas-customization/advanced-gas-inputs/index.scss b/ui/components/app/gas-customization/advanced-gas-inputs/index.scss
index 1bae695de..fbb1a35ad 100644
--- a/ui/components/app/gas-customization/advanced-gas-inputs/index.scss
+++ b/ui/components/app/gas-customization/advanced-gas-inputs/index.scss
@@ -18,7 +18,7 @@
       justify-content: space-between;
       align-items: center;
 
-      @media screen and (max-width: $break-large) {
+      @media screen and (max-width: $break-small) {
         @include H8;
       }
 
diff --git a/ui/components/app/modals/deposit-ether-modal/index.scss b/ui/components/app/modals/deposit-ether-modal/index.scss
index 7f671b8b6..4ad57c9af 100644
--- a/ui/components/app/modals/deposit-ether-modal/index.scss
+++ b/ui/components/app/modals/deposit-ether-modal/index.scss
@@ -109,7 +109,7 @@
       padding-bottom: 20px;
       align-self: flex-start;
 
-      @media screen and (min-width: $break-small) {
+      @media screen and (min-width: $break-large) {
         width: 15rem;
       }
 
@@ -128,7 +128,7 @@
       display: flex;
       justify-content: flex-end;
 
-      @media screen and (min-width: $break-small) {
+      @media screen and (min-width: $break-large) {
         min-width: 300px;
       }
     }
diff --git a/ui/components/app/multiple-notifications/index.scss b/ui/components/app/multiple-notifications/index.scss
index 7540fb290..2427f7cbe 100644
--- a/ui/components/app/multiple-notifications/index.scss
+++ b/ui/components/app/multiple-notifications/index.scss
@@ -8,7 +8,7 @@
   right: 0;
   margin: 8px;
 
-  @media screen and (max-width: $break-large) {
+  @media screen and (max-width: $break-small) {
     width: 340px;
   }
 
diff --git a/ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss b/ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
index 9bea5c421..e6d217de4 100644
--- a/ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
+++ b/ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
@@ -1,5 +1,5 @@
 .reveal-seed-phrase {
-  @media screen and (max-width: $break-large) {
+  @media screen and (max-width: $break-small) {
     display: flex;
     flex-direction: column;
     width: 96%;
diff --git a/ui/pages/settings/contact-list-tab/index.scss b/ui/pages/settings/contact-list-tab/index.scss
index 7f99ea5a7..4084afa0f 100644
--- a/ui/pages/settings/contact-list-tab/index.scss
+++ b/ui/pages/settings/contact-list-tab/index.scss
@@ -7,7 +7,7 @@
 .address-book {
   flex: 0.4 1 100%;
 
-  @media screen and (max-width: $break-large) {
+  @media screen and (max-width: $break-small) {
     flex: 1;
     max-width: 100%;
 
@@ -259,7 +259,7 @@
     width: auto;
     border-radius: 100px;
 
-    @media screen and (max-width: $break-large) {
+    @media screen and (max-width: $break-small) {
       top: 16px;
       right: 60px;
 
@@ -277,7 +277,7 @@
 .address-book-contact-content {
   flex: 0.4 1 100%;
 
-  @media screen and (max-width: $break-large) {
+  @media screen and (max-width: $break-small) {
     flex: 1;
   }
 }
diff --git a/ui/pages/swaps/index.scss b/ui/pages/swaps/index.scss
index 5861e19ba..af280f00f 100644
--- a/ui/pages/swaps/index.scss
+++ b/ui/pages/swaps/index.scss
@@ -51,7 +51,7 @@
     width: 100%;
     height: 100%;
 
-    @media screen and (max-width: $break-large) {
+    @media screen and (max-width: $break-small) {
       &--overflow {
         overflow: scroll;
       }
diff --git a/ui/pages/swaps/swaps-footer/index.scss b/ui/pages/swaps/swaps-footer/index.scss
index 03ae483e9..c36110196 100644
--- a/ui/pages/swaps/swaps-footer/index.scss
+++ b/ui/pages/swaps/swaps-footer/index.scss
@@ -9,7 +9,7 @@
   }
 
 
-  @media screen and (max-width: $break-large) {
+  @media screen and (max-width: $break-small) {
     &--border {
       .swaps-footer__custom-page-container-footer-class {
         border-top: 1px solid #d2d8dd;
@@ -50,7 +50,7 @@
   }
 
   &__buttons {
-    @media screen and (max-width: $break-large) {
+    @media screen and (max-width: $break-small) {
       &--border {
         .swaps-footer__custom-page-container-footer-class {
           border-top: 1px solid #d2d8dd;
diff --git a/ui/pages/swaps/view-quote/index.scss b/ui/pages/swaps/view-quote/index.scss
index 20c0f8c91..31437dbe9 100644
--- a/ui/pages/swaps/view-quote/index.scss
+++ b/ui/pages/swaps/view-quote/index.scss
@@ -20,7 +20,7 @@
       pointer-events: none;
     }
 
-    @media screen and (max-width: $break-large) {
+    @media screen and (max-width: $break-small) {
       overflow-y: auto;
       max-height: 420px;
     }