diff --git a/src/components/DocsHub/index.tsx b/src/components/DocsHub/index.tsx
index fcea198271e..15b271643bc 100644
--- a/src/components/DocsHub/index.tsx
+++ b/src/components/DocsHub/index.tsx
@@ -29,7 +29,7 @@ import { FiArrowUpRight } from 'react-icons/fi';
 import BrowserOnly from '@docusaurus/BrowserOnly';
 import Spinner, { SPINNER_TYPE } from '@site/src/components/reusables/spinners/SpinnerUnit';
 import { ITechDocItem, QuickstartItems, SdkItemsList, TechDocItems } from "@site/src/config/DocsHubList";
-import GLOBALS, { device, globalsMargin } from '@site/src/config/globals';
+import GLOBALS, { device } from '@site/src/config/globals';
 import { PageMeta } from "@site/src/config/pageMeta";
 
 
@@ -349,16 +349,16 @@ export default function HomepageFeatures(): JSX.Element {
 const DocsHeroSection = styled(Section)`
   background: ${GLOBALS.COLORS.BG_DARK};
 
-  padding: ${`120px ${globalsMargin.DEFAULT.DESKTOP.RIGHT} 120px ${globalsMargin.DEFAULT.DESKTOP.LEFT}`};
+  padding: ${`${GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.DESKTOP}`};
   padding-bottom: 0px;
 
   @media ${device.laptop} {
-    padding: ${`60px ${globalsMargin.DEFAULT.DESKTOP.RIGHT} 60px ${globalsMargin.DEFAULT.DESKTOP.LEFT}`};
+    padding: ${`${GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.TABLET}`};
     padding-bottom: 0px;
   }
 
   @media ${device.mobileM} {
-    padding: ${`40px ${globalsMargin.DEFAULT.DESKTOP.RIGHT} 40px ${globalsMargin.DEFAULT.DESKTOP.LEFT}`};
+    padding: ${`${GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.MOBILE}`};
     padding-bottom: 0px;
   }
 `;
diff --git a/src/components/DocsHub/styles.css b/src/components/DocsHub/styles.css
index b67cafa7a04..2c7e286df37 100644
--- a/src/components/DocsHub/styles.css
+++ b/src/components/DocsHub/styles.css
@@ -70,8 +70,8 @@
 }
 
 .mainWrapper_eExm {
-  max-width: 100%;
-  min-width: 100%;
+  max-width: 100vw;
+  min-width: 100vw;
 }
 
 .PushDocs .docRoot_node_modules-\@docusaurus-theme-classic-lib-theme-DocRoot-Layout-styles-module, .PushDocs .docRoot_UBD9  {
diff --git a/src/components/NewMarqueeAnimation.tsx b/src/components/NewMarqueeAnimation.tsx
index 244c9b29302..c501e619040 100644
--- a/src/components/NewMarqueeAnimation.tsx
+++ b/src/components/NewMarqueeAnimation.tsx
@@ -48,7 +48,7 @@ function NewMarqueeAnimation(props: Props) {
     <Splide 
         ref={splideRef}
         options={{
-          width: isMobile ? '90vw' : isTablet ? '95vw' : '1200px',
+          width: isMobile ? '90vw' : isTablet ? '95vw' : '1213px',
           type: 'loop',
           direction: direction,
           arrows: false,
diff --git a/src/config/globals.js b/src/config/globals.js
index eea450524bc..674e9a42b13 100644
--- a/src/config/globals.js
+++ b/src/config/globals.js
@@ -29,22 +29,22 @@ export const globalsPadding = {};
 export const globalsMargin = {
   DEFAULT: {
     DESKTOP: {
-      TOP: "200px",
+      TOP: "120px",
       RIGHT: "40px",
-      BOTTOM: "0px",
+      BOTTOM: "120px",
       LEFT: "40px",
     },
     TABLET: {
-      TOP: "180px",
-      RIGHT: "32px",
-      BOTTOM: "0px",
-      LEFT: "32px",
+      TOP: "60px",
+      RIGHT: "25px",
+      BOTTOM: "60px",
+      LEFT: "25px",
     },
     MOBILE: {
-      TOP: "180px",
-      RIGHT: "16px",
-      BOTTOM: "0px",
-      LEFT: "16px",
+      TOP: "40px",
+      RIGHT: "20px",
+      BOTTOM: "40px",
+      LEFT: "20px",
     },
   },
 };
diff --git a/src/css/SharedStyling.js b/src/css/SharedStyling.js
index 49299d2f893..7c3bab387ed 100644
--- a/src/css/SharedStyling.js
+++ b/src/css/SharedStyling.js
@@ -62,10 +62,11 @@ export const Content = styled.div`
   display: ${(props) => props.display || "flex"};
   flex-direction: ${(props) => props.flexDirection || "column"};
   position: ${(props) => props.position || "relative"};
+
   flex: ${(props) => props.flex || "1"};
   align-self: ${(props) => props.alignSelf || "stretch"};
   width: ${(props) => props.width || "auto"};
-  max-width: ${(props) => props.maxWidth || "1200px"};
+  max-width: ${(props) => props.maxWidth || "1213px"};
   // max-width: 1140px;
   display: flex;
   justify-content: ${(props) => props.justifyContent || "center"};
@@ -77,10 +78,10 @@ export const Content = styled.div`
   @media ${device.laptop} {
     padding: ${(props) =>
       props.padding || GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.TABLET};
-    // max-width: ${(props) => props.maxWidth || "1200px"};
+    // max-width: ${(props) => props.maxWidth || "1213px"};
   }
 
-  @media ${device.mobileL} {
+  @media ${device.mobileM} {
     padding: ${(props) =>
       props.padding || GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.MOBILE};
     max-width: ${(props) => props.maxWidth || "100%"};
diff --git a/src/css/custom.css b/src/css/custom.css
index d4ceaf08ffb..d4e9b811309 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -201,41 +201,12 @@ article ol ul {
 /* ----- */
 /* OVERRIDES */
 /* ----- */
-
-
-html,
 body {
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-::-webkit-scrollbar {
-  width: 4px !important;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #cb3faa;
-  border-radius: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: black;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-/* body {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   box-sizing: border-box;
-} */
+}
 
 .home-wrapper {
   font-style: var(--ifm-font-family-homepage) !important;
@@ -763,24 +734,6 @@ li {
     width: 100%;
     gap: 32px;
   }
-
-  ::-webkit-scrollbar {
-  width: 4px !important;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #cb3faa;
-  border-radius: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: black;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
 }
 
 /* ------------------ */
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 34edf30d912..8d56b5f9725 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -61,8 +61,8 @@ import {
   NotifFeaturesList,
   NotifUseCasesList,
 } from "@site/src/config/HomeNotifFeaturesList";
-import GLOBALS, { device, globalsMargin } from "@site/src/config/globals";
 import { OthersFeaturesList } from "@site/src/config/HomeOthersFeaturesList";
+import GLOBALS, { device } from "@site/src/config/globals";
 import { PageMeta } from "@site/src/config/pageMeta";
 
 export default function Home({ homePageBlogMetadata, recentPosts }) {
@@ -221,7 +221,7 @@ export default function Home({ homePageBlogMetadata, recentPosts }) {
               zIndex="9"
               left="0"
               right="0"
-              // bottom="0"
+              bottom="0"
               bottom={`${GLOBALS.HEADER.OUTER_MARGIN.DESKTOP.TOP}px`}
             >
               <AnalyticsStats />
@@ -242,10 +242,7 @@ export default function Home({ homePageBlogMetadata, recentPosts }) {
 
         {/* NOTIF SECTION */}
         <NotificationSection id="notification">
-          <Content 
-              className="contentBox" 
-              alignSelf="center" 
-              >
+          <Content className="contentBox" alignSelf="center">
             <ItemV maxWidth={"849px"} margin="0px auto">
               <H2
                 color="#DDD8D8"
@@ -322,7 +319,7 @@ export default function Home({ homePageBlogMetadata, recentPosts }) {
           <Content
             className="contentBox"
             alignSelf="center"
-            // padding="200px 40px 0px 40px"
+            padding="200px 40px 0px 40px"
           >
             <ItemV maxWidth={"849px"} margin="0px auto" flexDirection="row">
               <H2
@@ -839,10 +836,6 @@ const HeroAnalytics = styled(ItemH)`
       rgba(202, 55, 237, 0) 82%
     );
   }
-  
-  // margin: 140px 0 0px 0;
-  max-width: 1200px;
-  margin: 0 auto;
 
   @media ${device.laptop} {
     margin: 40px 0 0px 0;
@@ -909,15 +902,10 @@ const ShowcaseSection = styled(Section)`
   overflow: hidden;
   padding-bottom: 0px;
   .contentBox {
-    padding: ${`180px ${globalsMargin.DEFAULT.DESKTOP.RIGHT} ${globalsMargin.DEFAULT.DESKTOP.BOTTOM} ${globalsMargin.DEFAULT.DESKTOP.LEFT}`};
-    
+    padding: 180px 40px 0px 40px;
 
     @media ${device.laptop} {
-      padding: ${`140px ${globalsMargin.DEFAULT.TABLET.RIGHT} ${globalsMargin.DEFAULT.TABLET.BOTTOM} ${globalsMargin.DEFAULT.TABLET.LEFT}`};
-    }
-
-    @media ${device.mobileL} {
-      padding: ${`140px ${globalsMargin.DEFAULT.MOBILE.RIGHT} ${globalsMargin.DEFAULT.MOBILE.BOTTOM} ${globalsMargin.DEFAULT.MOBILE.LEFT}`};
+      padding: 140px 32px 0px 32px;
     }
   }
 `;
@@ -927,10 +915,20 @@ const NotificationSection = styled(Section)`
   overflow: hidden;
   padding-bottom: 0px;
 
-   .contentBox {
+  .contentBox {
+    padding: 186px 40px 0px 40px;
+    box-sizing: border-box;
+
+    @media ${device.laptop} {
+      padding: 160px 32px 0px 32px;
+    }
+
+    @media ${device.tablet} {
+      padding: 160px 24px 0px 24px;
+    }
 
     @media ${device.mobileL} {
-      box-sizing: border-box;
+      padding: 160px 16px 0px 16px;
     }
   }
 `;
@@ -941,9 +939,19 @@ const ChatSection = styled(Section)`
   padding-bottom: 0px;
 
   .contentBox {
+    padding: 200px 40px 0px 40px;
+    box-sizing: border-box;
+
+    @media ${device.laptop} {
+      padding: 180px 32px 0px 32px;
+    }
+
+    @media ${device.tablet} {
+      padding: 180px 24px 0px 24px;
+    }
 
     @media ${device.mobileL} {
-      box-sizing: border-box;
+      padding: 180px 16px 0px 16px;
     }
   }
 `;
@@ -957,15 +965,21 @@ const SlideSection = styled(Section)`
   }
 
   .contentBox {
+    padding: 200px 40px 0px 40px;
+
     @media ${device.laptop} {
+      padding: 180px 32px 0px 32px;
       .slideGap {
         gap: 23px;
       }
     }
 
+    @media ${device.tablet} {
+      padding: 180px 24px 0px 24px;
+    }
 
     @media ${device.mobileL} {
-      box-sizing: border-box;
+      padding: 180px 16px 0px 16px;
       .slideGap {
         gap: 32px;
       }
@@ -978,10 +992,19 @@ const TokenomicsSection = styled(Section)`
   overflow: hidden;
   padding-bottom: 0px;
 
- .contentBox {
+  .contentBox {
+    padding: 200px 40px 0px 40px;
+
+    @media ${device.laptop} {
+      padding: 180px 32px 0px 32px;
+    }
+
+    @media ${device.tablet} {
+      padding: 180px 24px 0px 24px;
+    }
 
     @media ${device.mobileL} {
-      box-sizing: border-box;
+      padding: 180px 16px 0px 16px;
     }
   }
 `;
@@ -1049,16 +1072,18 @@ const FeaturedInSection = styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-
-  padding: ${`${globalsMargin.DEFAULT.DESKTOP.TOP} 0 0 0`};
-  
+  padding: 200px 0px 0px 0px;
 
   @media ${device.laptop} {
-    padding: ${`${globalsMargin.DEFAULT.TABLET.TOP} 0 0 0`};
+    padding: 180px 0px 0px 0px;
+  }
+
+  @media ${device.tablet} {
+    padding: 180px 0px 0px 0px;
   }
 
   @media ${device.mobileL} {
-      padding: ${`${globalsMargin.DEFAULT.MOBILE.TOP} 0 0 0`};
+    padding: 180px 0px 0px 0px;
   }
 `;
 
@@ -1090,9 +1115,18 @@ const BlogSection = styled(Section)`
   overflow: hidden;
 
   .contentBox {
+    padding: 200px 40px 0px 40px;
+
+    @media ${device.laptop} {
+      padding: 180px 32px 0px 32px;
+    }
+
+    @media ${device.tablet} {
+      padding: 180px 24px 0px 24px;
+    }
 
     @media ${device.mobileL} {
-      box-sizing: border-box;
+      padding: 180px 16px 0px 16px;
     }
   }
 `;
@@ -1100,13 +1134,20 @@ const BlogSection = styled(Section)`
 const BackedBySection = styled(Section)`
   width: 100%;
   overflow: hidden;
-  padding-bottom: 20px;
 
+  .contentBox {
+    padding: 200px 40px 20px 40px;
+
+    @media ${device.laptop} {
+      padding: 180px 32px 20px 32px;
+    }
 
- .contentBox {
+    @media ${device.tablet} {
+      padding: 180px 24px 20px 24px;
+    }
 
     @media ${device.mobileL} {
-      box-sizing: border-box;
+      padding: 180px 16px 20px 16px;
     }
   }
 `;
@@ -1120,6 +1161,15 @@ const InvestorHeader = styled(H2)`
 `;
 
 const InvestorItem = styled(ItemV)`
+  @media (max-width: 1300px) {
+    padding: ${(props) =>
+      props.padding || GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.TABLET};
+  }
+
+  @media ${device.tablet} {
+    padding: ${(props) =>
+      props.padding || GLOBALS.ADJUSTMENTS.MARGIN.DEFAULT.MOBILE};
+  }
 `;
 
 const InvestorCard = styled(ItemV)`
diff --git a/src/segments/Header.tsx b/src/segments/Header.tsx
index 46632c7ba85..c80f9046659 100644
--- a/src/segments/Header.tsx
+++ b/src/segments/Header.tsx
@@ -699,7 +699,6 @@ const PushLogoBlackContainer = styled(ItemV)`
   }
 `;
 
-// const StyledHeader = styled.header`
 const StyledHeader = styled.header`
   font-family: "Strawford";
 
@@ -707,14 +706,11 @@ const StyledHeader = styled.header`
   position: fixed;
   top: 0;
   left: 0;
-  right: 4px;
+  right: 0;
 
   /* color: #ffffff;
   background: #121315; */
   opacity: 1;
-  // background: red;
-  // min-width: 100%;
-  // box-sizing: border-box;
 
   border-bottom-left-radius: 32px;
   border-bottom-right-radius: 32px;
@@ -750,7 +746,6 @@ const StyledHeader = styled.header`
     max-height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
-    right: 4px;
 
     flex-direction: column;