From e2d7c22d1625f8b99802e33b455e42e99fc76bd2 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Tue, 8 Dec 2020 19:38:11 +0100
Subject: [PATCH] fix/exchange-layout

---
 .../components/ExchangeForm/Inputs/Buttons/index.tsx        | 2 +-
 .../exchange/components/ExchangeForm/Inputs/index.tsx       | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/Buttons/index.tsx b/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/Buttons/index.tsx
index 8abfde6bbc..afae606867 100644
--- a/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/Buttons/index.tsx
+++ b/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/Buttons/index.tsx
@@ -11,7 +11,7 @@ const Wrapper = styled.div`
     display: flex;
     justify-content: space-between;
 
-    @media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
+    @media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
         margin-top: 27px;
     }
 `;
diff --git a/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/index.tsx b/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/index.tsx
index e263be55eb..aa29d86296 100644
--- a/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/index.tsx
+++ b/packages/suite/src/views/wallet/coinmarket/exchange/components/ExchangeForm/Inputs/index.tsx
@@ -18,7 +18,7 @@ const Top = styled.div`
     display: flex;
     flex: 1;
 
-    @media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
+    @media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
         flex-direction: column;
     }
 `;
@@ -40,13 +40,13 @@ const MiddleWrapper = styled.div`
     align-items: center;
     justify-content: center;
 
-    @media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
+    @media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
         padding-bottom: 27px;
     }
 `;
 
 const StyledIcon = styled(Icon)`
-    @media screen and (max-width: ${variables.SCREEN_SIZE.LG}) {
+    @media screen and (max-width: ${variables.SCREEN_SIZE.XL}) {
         transform: rotate(90deg);
     }
 `;