diff --git a/public/js/pretty.js b/public/js/pretty.js
index 594035865..f7d319025 100644
--- a/public/js/pretty.js
+++ b/public/js/pretty.js
@@ -1,3 +1,7 @@
+require('../css/extra.css');
+require('../css/slide-preview.css');
+require('../css/site.css');
+
 /* other vendors plugin */
 var S = require('string');
 
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index d03be9c4b..c70553beb 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -32,9 +32,6 @@
     <link rel="stylesheet" href='<%- url %>/css/markdown.css'>
     <link rel="stylesheet" href='<%- url %>/vendor/emojify.js/dist/css/basic/emojify.min.css'>
     <%- include build/pretty-header %>
-    <link rel="stylesheet" href='<%- url %>/css/extra.css'>
-    <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
-    <link rel="stylesheet" href='<%- url %>/css/site.css'>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 	<!--[if lt IE 9]>