diff --git a/src/components/App.js b/src/components/App.js
index 95857b9b..b990e38e 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,12 +1,7 @@
 const React = require('react')
 const Menu = require('./Menu')
 const Footer = require('./Footer')
-
-const Comments = () => (
-	<div className="content content_thin">
-		<div id="disqus_thread"></div>
-	</div>
-)
+const Comments = require('./Comments')
 
 const App = ({children, menu, showAuthor, menuPadding}) => (
 	<div className="body-wrapper theme-default">
diff --git a/src/components/Comments.js b/src/components/Comments.js
new file mode 100644
index 00000000..252338bf
--- /dev/null
+++ b/src/components/Comments.js
@@ -0,0 +1,9 @@
+const React = require('react')
+
+const Comments = ({contentClass = 'content_thin'}) => (
+	<div className={`content ${contentClass}`}>
+		<div id="disqus_thread"/>
+	</div>
+)
+
+module.exports = Comments