diff --git a/Brocfile.js b/Brocfile.js
index 35346e82a6..0c0b594e3d 100644
--- a/Brocfile.js
+++ b/Brocfile.js
@@ -3,6 +3,7 @@ var uglifyFiles = require('broccoli-uglify-sourcemap');
 var concatFiles = require('broccoli-sourcemap-concat');
 var pickFiles = require('broccoli-static-compiler');
 var findBowerTrees = require('broccoli-bower');
+var compileLess = require('broccoli-less-single');
 
 var vendorMin = concatFiles('awx/ui/static/lib', {
   sourceMapConfig: {
@@ -124,4 +125,6 @@ var finalized = concatFiles(minified, {
   inputFiles: ['out/vendor-min.js', 'out/tower-concat.js']
 });
 
-module.exports = mergeTrees([finalMap, finalized]);
+var less = compileLess('awx/ui/static/less', 'ansible-ui.less', 'awx.min.css');
+
+module.exports = mergeTrees([finalMap, finalized, less]);
diff --git a/awx/ui/templates/ui/index.html b/awx/ui/templates/ui/index.html
index d6a43a3011..4273c6cf22 100644
--- a/awx/ui/templates/ui/index.html
+++ b/awx/ui/templates/ui/index.html
@@ -15,14 +15,13 @@
   <link rel="stylesheet" href="{{ STATIC_URL }}lib/codemirror/addon/lint/lint.css" />
   <link rel="stylesheet" href="{{ STATIC_URL }}lib/novus-nvd3/nv.d3.css"  type="text/css">
 
-  <link rel="stylesheet/less" type="text/css" href="{{ STATIC_URL }}less/ansible-ui.less" />
+  <link rel="stylesheet" href="{{ STATIC_URL }}dist/awx.min.css"  type="text/css">
 
   <link rel="shortcut icon" href="{{ STATIC_URL }}img/favicon.ico" />
   <script>
       var $basePath = "{{ STATIC_URL }}";
   </script>
 
-  <script src="{{ STATIC_URL }}lib/less.js/dist/less-1.6.2.min.js"></script>
   <script src="{{ STATIC_URL }}dist/tower-concat.js"></script>
 
 </head>