From 18ee563584dabc0d74b81e3a0af935927cf919e3 Mon Sep 17 00:00:00 2001
From: Mark Kaylor <mark.kaylor@strapi.io>
Date: Thu, 31 Mar 2022 16:12:02 +0200
Subject: [PATCH] add Main component and remove as

---
 .../admin/src/pages/MarketplacePage/index.js  | 60 +++++++++----------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/index.js b/packages/core/admin/admin/src/pages/MarketplacePage/index.js
index 634961d628..cf0b04f5bc 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/index.js
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/index.js
@@ -123,37 +123,35 @@ const MarketPlacePage = () => {
   if (!isOnline) {
     return (
       <Layout>
-        <PageHeader />
-        <Flex
-          width="100%"
-          direction="column"
-          alignItems="center"
-          justifyContent="center"
-          style={{ paddingTop: '120px' }}
-        >
-          <Box paddingBottom={2}>
-            <Typography textColor="neutral700" variant="alpha">
-              {formatMessage({
-                id: 'admin.pages.MarketPlacePage.offline.title',
-                defaultMessage: 'You are offline',
-              })}
-            </Typography>
-          </Box>
-          <Box paddingBottom={6}>
-            <Typography textColor="neutral700" variant="epsilon">
-              {formatMessage({
-                id: 'admin.pages.MarketPlacePage.offline.subtitle',
-                defaultMessage: 'You need to be connected to the Internet to access Strapi Market.',
-              })}
-            </Typography>
-          </Box>
-          <img
-            as="img"
-            src={offlineCloud}
-            alt="offline"
-            style={{ width: '88px', height: '88px' }}
-          />
-        </Flex>
+        <Main>
+          <PageHeader />
+          <Flex
+            width="100%"
+            direction="column"
+            alignItems="center"
+            justifyContent="center"
+            style={{ paddingTop: '120px' }}
+          >
+            <Box paddingBottom={2}>
+              <Typography textColor="neutral700" variant="alpha">
+                {formatMessage({
+                  id: 'admin.pages.MarketPlacePage.offline.title',
+                  defaultMessage: 'You are offline',
+                })}
+              </Typography>
+            </Box>
+            <Box paddingBottom={6}>
+              <Typography textColor="neutral700" variant="epsilon">
+                {formatMessage({
+                  id: 'admin.pages.MarketPlacePage.offline.subtitle',
+                  defaultMessage:
+                    'You need to be connected to the Internet to access Strapi Market.',
+                })}
+              </Typography>
+            </Box>
+            <img src={offlineCloud} alt="offline" style={{ width: '88px', height: '88px' }} />
+          </Flex>
+        </Main>
       </Layout>
     );
   }