diff --git a/src/components/About.js b/src/components/About.js
index c55a98c..31e3a27 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -24,8 +24,10 @@ export default class About extends Component {
       )
     }
 
+    const classes = `${contentStyle.contentWrapper} ${style.about}`
+
     return (
-      <div className={contentStyle.contentWrapper, style.about} >
+      <div className={classes} >
         <Header header={'About Me'} />
         <div className={contentStyle.content} dangerouslySetInnerHTML={{ __html: result }}>
         </div>
diff --git a/src/components/Blog.js b/src/components/Blog.js
index c46b5d8..c99f24e 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -34,8 +34,10 @@ export default class Blog extends Component {
       </tr>
     )
 
+    const classes = `${contentStyle.contentWrapper} ${styles.blog}`
+
     return (
-      <div className={contentStyle.contentWrapper, styles.blog} id="blog">
+      <div className={classes} id="blog">
         <Header header={'Blog'} />
 
         <div className={contentStyle.content}>
diff --git a/src/components/Wrapper.scss b/src/components/Wrapper.scss
index 05fa8c0..3965727 100644
--- a/src/components/Wrapper.scss
+++ b/src/components/Wrapper.scss
@@ -7,5 +7,7 @@
 .flexWrap {
   @media only screen and (min-width: $break-large) {
     display: flex;
+    width: 80%;
+    margin: 0 auto;
   }
 }