diff --git a/CHANGELOG.md b/CHANGELOG.md
index 12e17096..9afb4f49 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -180,6 +180,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
   - Decorations/Bracket
   - Decorations/Stick
   - TwoColumn
+  - Layout
   - RelatedPosts
 - Extracted :root from themes.scss to globals.scss
 - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility
@@ -191,3 +192,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
   - home(index) page
 - Created a combineClasses function to clean up conditional class handling
 - Rename RowAlignLeft to Row
+- Remove unessesary stylings from the Layout.
diff --git a/components/layout/Layout/index.js b/components/layout/Layout/index.js
index b1ff612b..d3e905f2 100644
--- a/components/layout/Layout/index.js
+++ b/components/layout/Layout/index.js
@@ -3,7 +3,6 @@ import { heroOptions } from '@/utils/hero-options';
 import Hero from '@/components/layout/Hero';
 import Meta from '@/components/layout/Meta';
 import Footer from '@/components/layout/Footer';
-import S from './styles';
 
 export default function Layout({ children }) {
   const router = useRouter();
@@ -15,11 +14,11 @@ export default function Layout({ children }) {
   return (
     <>
       <Meta />
-      <S.Main>
+      <main>
         <Hero {...heroOptions[heroKey]} />
         {children}
         <Footer />
-      </S.Main>
+      </main>
     </>
   );
 }
diff --git a/components/layout/Layout/styles.js b/components/layout/Layout/styles.js
deleted file mode 100644
index 1d76a03b..00000000
--- a/components/layout/Layout/styles.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-
-const Main = styled.main`
-  position: relative;
-  z-index: 0;
-`;
-
-export default { Main };