diff --git a/gulpfile.js b/gulpfile.js
index d3199e440c..e730b36a16 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -459,12 +459,14 @@ gulp.task('build.demos', function(){
 gulp.task('sass.demos:docs', function() {
   var sass = require('gulp-sass');
   var autoprefixer = require('gulp-autoprefixer');
+  var concat = require('gulp-concat');
   return gulp.src([
-      'demos/component-docs/app.scss'
+      'demos/component-docs/app.scss',
     ])
     .pipe(sass()
       .on('error', sass.logError)
     )
+    .pipe(concat('app.css'))
     .pipe(autoprefixer(buildConfig.autoprefixer))
     .pipe(gulp.dest('dist/demos/component-docs/'));
 });
diff --git a/scripts/demos/docs.index.template.html b/scripts/demos/docs.index.template.html
index a3f4d6e920..8ba93aaf61 100644
--- a/scripts/demos/docs.index.template.html
+++ b/scripts/demos/docs.index.template.html
@@ -5,7 +5,6 @@
   <!-- https://www.chromium.org/developers/design-documents/chromium-graphics/how-to-get-gpu-rasterization -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
-  <link href="/css/v2-demos/css/ionic.css" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="app.css">
 
 </head>