diff --git a/.gitignore b/.gitignore
index ccffffc3e..2576c1652 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,4 +6,6 @@ node_modules
 deploy-local.sh
 libs/
 all.css
+*css.map
+unsupported_browser.css
 .remote-sync.json
diff --git a/Makefile b/Makefile
index 12e520810..c53f325e9 100644
--- a/Makefile
+++ b/Makefile
@@ -5,6 +5,7 @@ UGLIFYJS = ./node_modules/.bin/uglifyjs
 EXORCIST = ./node_modules/.bin/exorcist
 CLEANCSS = ./node_modules/.bin/cleancss
 STYLES_MAIN = css/main.scss
+STYLES_UNSUPPORTED_BROWSER = css/unsupported_browser.scss
 STYLES_BUNDLE = css/all.bundle.css
 STYLES_DESTINATION = css/all.css
 DEPLOY_DIR = libs
@@ -47,7 +48,9 @@ deploy-lib-jitsi-meet:
 	$(LIBJITSIMEET_DIR)/lib-jitsi-meet.js.map \
 	$(LIBJITSIMEET_DIR)/connection_optimization/external_connect.js \
 	$(DEPLOY_DIR)
+
 deploy-css:
+	$(NODE_SASS) css/unsupported_browser.scss css/unsupported_browser.css ; \
 	$(NODE_SASS) $(STYLES_MAIN) $(STYLES_BUNDLE) && \
 	$(CLEANCSS) $(STYLES_BUNDLE) > $(STYLES_DESTINATION) ; \
 	rm $(STYLES_BUNDLE)
diff --git a/css/_unsupported_browser.scss b/css/unsupported_browser.scss
similarity index 98%
rename from css/_unsupported_browser.scss
rename to css/unsupported_browser.scss
index e1407b7b0..b9c2c5cac 100644
--- a/css/_unsupported_browser.scss
+++ b/css/unsupported_browser.scss
@@ -1,3 +1,5 @@
+@import 'variables';
+
 body {
     width:100%;
     height:100%;
diff --git a/package.json b/package.json
index d83b6e334..7cb18d0b1 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
   "browserify": {
     "transform": [
       "browserify-shim",
+      "browserify-css",
       [
         "babelify",
         {