From 60b71611ca00b2636473cdf189309fc1c20838ac Mon Sep 17 00:00:00 2001
From: Griffithtp <griffithtp@gmail.com>
Date: Mon, 8 Jul 2019 08:02:47 +0100
Subject: [PATCH] fix: container breakpoint

---
 src/components/ActionBar/ActionBar.test.tsx | 2 +-
 src/utils/styles/global.ts                  | 4 ++--
 src/utils/styles/media.ts                   | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ActionBar/ActionBar.test.tsx b/src/components/ActionBar/ActionBar.test.tsx
index 8c22f84..01c16d1 100644
--- a/src/components/ActionBar/ActionBar.test.tsx
+++ b/src/components/ActionBar/ActionBar.test.tsx
@@ -14,7 +14,7 @@ describe('<ActionBar /> component', () => {
           url: 'https://verdaccio.tld/bugs',
         },
         dist: {
-          tarball: 'https://verdaccio.tld/download'
+          tarball: 'https://verdaccio.tld/download',
         },
       },
     };
diff --git a/src/utils/styles/global.ts b/src/utils/styles/global.ts
index d415ac4..6720235 100644
--- a/src/utils/styles/global.ts
+++ b/src/utils/styles/global.ts
@@ -32,8 +32,8 @@ export default injectGlobal`
         padding: 15px;
         flex: 1;
 
-        @media screen and (min-width: ${breakpoints.large}px) {
-          max-width: ${breakpoints.large}px;
+        @media screen and (min-width: ${breakpoints.container}px) {
+          max-width: ${breakpoints.container}px;
           width: 100%;
           margin-left: auto;
           margin-right: auto;
diff --git a/src/utils/styles/media.ts b/src/utils/styles/media.ts
index 2999778..7c3114e 100644
--- a/src/utils/styles/media.ts
+++ b/src/utils/styles/media.ts
@@ -4,6 +4,7 @@ export const breakpoints = {
   small: 576,
   medium: 768,
   large: 1024,
+  container: 1240,
   xlarge: 1275,
 };