From 50011f86f2505e47ae741559626dcd1ac6298ef6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Chy=C5=82a?= <chyla1988@gmail.com>
Date: Thu, 3 Aug 2023 13:52:28 +0200
Subject: [PATCH] Remove max width container (#4056)

---
 .changeset/silver-queens-juggle.md     | 5 +++++
 src/components/AppLayout/AppLayout.tsx | 6 +-----
 src/index.css                          | 7 -------
 3 files changed, 6 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/silver-queens-juggle.md

diff --git a/.changeset/silver-queens-juggle.md b/.changeset/silver-queens-juggle.md
new file mode 100644
index 000000000..c17097e59
--- /dev/null
+++ b/.changeset/silver-queens-juggle.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Make Dashboard full width
diff --git a/src/components/AppLayout/AppLayout.tsx b/src/components/AppLayout/AppLayout.tsx
index 25fb56487..75c467ebb 100644
--- a/src/components/AppLayout/AppLayout.tsx
+++ b/src/components/AppLayout/AppLayout.tsx
@@ -63,11 +63,7 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
         visible={isNavigatorVisible}
         setVisibility={setNavigatorVisibility}
       />
-      <Box
-        display="grid"
-        __gridTemplateColumns="auto 1fr"
-        className="big-desktop-max-width"
-      >
+      <Box display="grid" __gridTemplateColumns="auto 1fr">
         {appState.loading && (
           <LinearProgress className={classes.appLoader} color="primary" />
         )}
diff --git a/src/index.css b/src/index.css
index c82d1f051..40abad87c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -62,10 +62,3 @@ body {
     height: auto !important;
   }
 }
-
-@media screen and (min-width: 2048px) {
-  .big-desktop-max-width {
-    max-width: 1920px !important;
-    margin: 0 auto;
-  }
-}