diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/page_bundles/ide.scss
similarity index 99%
rename from app/assets/stylesheets/pages/repo.scss
rename to app/assets/stylesheets/page_bundles/ide.scss
index 2d76f0ce0049dba73175863a05725a34ebb95200..442a5e07a86249dcfc6e476fb4e7c7dcb6db3867 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/app/assets/stylesheets/page_bundles/ide.scss
@@ -1,3 +1,6 @@
+@import 'framework/variables';
+@import 'framework/mixins';
+
 .project-refs-form,
 .project-refs-target-form {
   display: inline-block;
diff --git a/app/views/ide/index.html.haml b/app/views/ide/index.html.haml
index 9f8b0acd76354c8bac89c483b99a66c52f070399..d29dda43c89a8f00a08ed56647f81897ba07ccc3 100644
--- a/app/views/ide/index.html.haml
+++ b/app/views/ide/index.html.haml
@@ -1,6 +1,9 @@
 - @body_class = 'ide'
 - page_title 'IDE'
 
+- content_for :page_specific_javascripts do
+  = stylesheet_link_tag 'page_bundles/ide'
+
 #ide.ide-loading{ data: {"empty-state-svg-path" => image_path('illustrations/multi_file_editor_empty.svg'),
   "no-changes-state-svg-path" => image_path('illustrations/multi-editor_no_changes_empty.svg'),
   "committed-state-svg-path" => image_path('illustrations/multi-editor_all_changes_committed_empty.svg'),
diff --git a/config/application.rb b/config/application.rb
index f743df7ca1128a01b97d2fe3d88fa58c20c7fb4d..b4b9deee8fdddac4fce92ccc19307cc22f00f74f 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -133,6 +133,7 @@ module Gitlab
     config.assets.precompile << "notify.css"
     config.assets.precompile << "mailers/*.css"
     config.assets.precompile << "xterm/xterm.css"
+    config.assets.precompile << "page_bundles/ide.css"
     config.assets.precompile << "performance_bar.css"
     config.assets.precompile << "lib/ace.js"
     config.assets.precompile << "test.css"