diff --git a/src/components/About.js b/src/components/About.js
index edeef12..c1711d3 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -3,7 +3,7 @@ import React from 'react';
 
 export const About = () => (
   <div>
-    <div className="content">
+    <div className="content-wrapper">
       <h1>About</h1>
     </div>
   </div>
diff --git a/src/components/Blog.js b/src/components/Blog.js
index d4bf888..3e32c16 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -31,10 +31,10 @@ export default class Blog extends Component {
     )
 
     return (
-      <div className="content">
+      <div className="content-wrapper">
         <h1>Blog</h1>
 
-        <div className="blog-posts">
+        <div className="content">
           {posts}
         </div>
 
diff --git a/src/components/Main.js b/src/components/Main.js
deleted file mode 100644
index 8b13789..0000000
--- a/src/components/Main.js
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/src/components/NotFoundPage.js b/src/components/NotFoundPage.js
index 5b1b960..d953136 100644
--- a/src/components/NotFoundPage.js
+++ b/src/components/NotFoundPage.js
@@ -6,7 +6,7 @@ export const NotFoundPage = (props) => {
   }
   return (
     <div>
-      <div className="content">
+      <div className="content-wrapper">
         <h1>Uhm... WHAT?</h1>
         <h2>Looks like you&apos;re lost</h2>
         <p>404 Page not found</p>
diff --git a/src/components/Portfolio.js b/src/components/Portfolio.js
index a7552d2..b99fe98 100644
--- a/src/components/Portfolio.js
+++ b/src/components/Portfolio.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 export const Portfolio = () => (
   <div>
-    <div className="content">
+    <div className="content-wrapper">
       <h1>Portfolio</h1>
     </div>
   </div>
diff --git a/src/components/Post.js b/src/components/Post.js
index b1a3f4f..68234af 100644
--- a/src/components/Post.js
+++ b/src/components/Post.js
@@ -10,10 +10,10 @@ export default class Post extends Component {
     }
 
     return (
-      <div className="content">
+      <div className="content-wrapper">
         <h1>{this.props.post.title}</h1>
         <h4>{this.props.post.published}</h4>
-        <div dangerouslySetInnerHTML={{__html: this.props.post.body}}>
+        <div className="content" dangerouslySetInnerHTML={{__html: this.props.post.body}}>
         </div>
       </div>
     )
diff --git a/src/components/Resume.js b/src/components/Resume.js
index 9710527..d265999 100644
--- a/src/components/Resume.js
+++ b/src/components/Resume.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 export const Resume = () => (
   <div>
-    <div className="content">
+    <div className="content-wrapper">
       <h1>Resume</h1>
     </div>
   </div>
diff --git a/src/components/index.js b/src/components/index.js
index cf8d7ae..6ac40d1 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -6,4 +6,3 @@ export { default as Portfolio } from './Portfolio';
 export { default as Resume } from './Resume';
 export { default as NotFoundPage } from './NotFoundPage';
 export { default as App } from './App';
-export { default as Main } from './Main';
diff --git a/src/static/stylesheets/main.scss b/src/static/stylesheets/main.scss
index fba8353..e1d314f 100644
--- a/src/static/stylesheets/main.scss
+++ b/src/static/stylesheets/main.scss
@@ -15,7 +15,7 @@ $break-large: 1200px;
   flex-direction: column;
   justify-content: center;
   text-align: center;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   color: $white;
@@ -68,7 +68,7 @@ body {
     text-decoration: none;
 }
 
-.content {
+.content-wrapper {
   margin-left: 320px;
   overflow: auto;
   padding: 20px;
@@ -151,7 +151,7 @@ body {
 	padding-bottom: 5px;
 }
 
-.blog-posts {
+.content {
   box-sizing: border-box;
   margin: 0 auto;
   @media screen and (min-width: $break-large) {