diff --git a/src/components/Layout.js b/src/components/Layout.js
index b42120a..ce4bbc5 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -5,17 +5,18 @@ import Navbar from './Navbar'
 import Footer from './Footer'
 import '../css/main.scss'
 
-const TemplateWrapper = ({ children }) => (
+const TemplateWrapper = ({ children, classes }) => (
   <div>
     <Helmet title="Det Norske Studentersamfund" />
     <Navbar />
-    <main>{children}</main>
+    <main className={classes}>{children}</main>
     <Footer />
   </div>
 )
 
 TemplateWrapper.propTypes = {
   children: PropTypes.shape({}).isRequired,
+  classes: PropTypes.string
 }
 
 export default TemplateWrapper
diff --git a/src/pages/index.js b/src/pages/index.js
index 4f9d22a..040dd95 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -12,7 +12,7 @@ export default class IndexPage extends React.Component {
     const { edges: posts } = data.allWordpressPost
 
     return (
-      <Layout>
+      <Layout classes="index">
         <EventList
           events={events}
           maxEvents={9}