diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less
index 99329d24..340947c3 100644
--- a/client/assets/styles/styles.less
+++ b/client/assets/styles/styles.less
@@ -1,4 +1,15 @@
 @import 'colours.less';
+@import 'account.less';
+@import 'menu.less';
+@import 'nav.less';
+@import 'footer.less';
+@import 'controls.less';
+@import 'instance.less';
+@import 'vbox.less';
+@import 'game.less';
+@import 'player.less';
+@import 'styles.mobile.less';
+@import 'instance.mobile.less';
 
 html body {
     margin: 0;
diff --git a/client/index.js b/client/index.js
index c169c5ee..e90de601 100644
--- a/client/index.js
+++ b/client/index.js
@@ -1,15 +1,4 @@
 require('./assets/styles/styles.less');
-require('./assets/styles/account.less');
-require('./assets/styles/menu.less');
-require('./assets/styles/nav.less');
-require('./assets/styles/footer.less');
-require('./assets/styles/controls.less');
-require('./assets/styles/instance.less');
-require('./assets/styles/vbox.less');
-require('./assets/styles/game.less');
-require('./assets/styles/player.less');
-require('./assets/styles/styles.mobile.less');
-require('./assets/styles/instance.mobile.less');
 
 // kick it off
 require('./src/app');