From a06ec4d142b1dd3a7da85b00c31cf06c89fd1629 Mon Sep 17 00:00:00 2001
From: jmzwar <james.zwar@protonmail.com>
Date: Thu, 1 Sep 2022 21:12:05 +1000
Subject: [PATCH 1/3] background pattern

---
 content/theme.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/content/theme.ts b/content/theme.ts
index 8ecbc79f..2495abcb 100644
--- a/content/theme.ts
+++ b/content/theme.ts
@@ -133,6 +133,8 @@ export const stakingTheme: Partial<ChakraTheme> = {
       body: {
         bg: 'navy.900',
         color: 'white',
+        backgroundImage: `repeating-linear-gradient(135deg, ${chakraTheme.colors.gray['900']} 0, ${chakraTheme.colors.navy['900']} 1px, transparent 0, transparent 50%)`,
+        backgroundSize: '12px 12px',
       },
       '::-webkit-scrollbar': {
         width: '8px',

From 8a77d2b3124d3fe8e802e2ae1b0549b501271724 Mon Sep 17 00:00:00 2001
From: jmzwar <james.zwar@protonmail.com>
Date: Thu, 1 Sep 2022 22:08:34 +1000
Subject: [PATCH 2/3] side padding desktop

---
 sections/shared/Layout/AppLayout.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/sections/shared/Layout/AppLayout.tsx b/sections/shared/Layout/AppLayout.tsx
index 91b77f39..4ef29e6d 100644
--- a/sections/shared/Layout/AppLayout.tsx
+++ b/sections/shared/Layout/AppLayout.tsx
@@ -47,19 +47,25 @@ const AppLayout: FC<AppLayoutProps> = ({ children }) => {
           <Header />
         </>
       )}
-      <Content>{children}</Content>
+      <Content stakingV2Enabled={STAKING_V2_ENABLED}>{children}</Content>
       <NotificationContainer />
     </>
   );
 };
 
-const Content = styled.div`
+interface ContentProps {
+  readonly stakingV2Enabled: boolean;
+}
+
+const Content = styled.div<ContentProps>`
   max-width: 1200px;
   margin: 0 auto;
 
-  ${media.greaterThan('mdUp')`
-    padding-left: calc(${DESKTOP_SIDE_NAV_WIDTH + DESKTOP_BODY_PADDING}px);
-  `}
+  ${({ stakingV2Enabled }) => media.greaterThan('mdUp')`
+    padding-left: ${
+      stakingV2Enabled ? '0px' : `calc(${DESKTOP_SIDE_NAV_WIDTH + DESKTOP_BODY_PADDING}px)`
+    };
+ `};
 `;
 
 export default AppLayout;

From ffd62b2136c4ca28f1bb43b2d9b9f8e722cd5bd7 Mon Sep 17 00:00:00 2001
From: jmzwar <james.zwar@protonmail.com>
Date: Fri, 2 Sep 2022 08:32:36 +1000
Subject: [PATCH 3/3] update case

---
 sections/shared/Layout/AppLayout.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/sections/shared/Layout/AppLayout.tsx b/sections/shared/Layout/AppLayout.tsx
index 4ef29e6d..09c77ae8 100644
--- a/sections/shared/Layout/AppLayout.tsx
+++ b/sections/shared/Layout/AppLayout.tsx
@@ -47,23 +47,23 @@ const AppLayout: FC<AppLayoutProps> = ({ children }) => {
           <Header />
         </>
       )}
-      <Content stakingV2Enabled={STAKING_V2_ENABLED}>{children}</Content>
+      <Content STAKING_V2_ENABLED={STAKING_V2_ENABLED}>{children}</Content>
       <NotificationContainer />
     </>
   );
 };
 
 interface ContentProps {
-  readonly stakingV2Enabled: boolean;
+  readonly STAKING_V2_ENABLED: boolean;
 }
 
 const Content = styled.div<ContentProps>`
   max-width: 1200px;
   margin: 0 auto;
 
-  ${({ stakingV2Enabled }) => media.greaterThan('mdUp')`
+  ${({ STAKING_V2_ENABLED }) => media.greaterThan('mdUp')`
     padding-left: ${
-      stakingV2Enabled ? '0px' : `calc(${DESKTOP_SIDE_NAV_WIDTH + DESKTOP_BODY_PADDING}px)`
+      STAKING_V2_ENABLED ? '0px' : `calc(${DESKTOP_SIDE_NAV_WIDTH + DESKTOP_BODY_PADDING}px)`
     };
  `};
 `;