diff --git a/README.md b/README.md
index f90fc18..d2473b8 100644
--- a/README.md
+++ b/README.md
@@ -4,11 +4,11 @@ Music awesomeness for hue lights.
 
 It lives at http://www.huegasm.com
 
-# Current priorities
-- modernize the app
+## Current priorities
 - create a hybrid app with Cardova
 
 ## POSSIBLE FUTURE FEATURES
+- decode the hue color better
 - better visualizations
 - beat settings by interval
 - auto beat detection mode
diff --git a/web/app/pods/components/lights-tab/component.js b/web/app/pods/components/lights-tab/component.js
index 2b5a42b..ab57143 100644
--- a/web/app/pods/components/lights-tab/component.js
+++ b/web/app/pods/components/lights-tab/component.js
@@ -4,6 +4,7 @@ const {
   Component,
   observer,
   computed,
+  on,
   $
 } = Ember;
 
@@ -95,7 +96,7 @@ export default Component.extend({
   }),
 
   // determines whether the lights are on/off for the lights switch
-  lightsOnChange: observer('lightsData.@each.state.on', 'activeLights.[]', function(){
+  lightsOnChange: on('init', observer('lightsData.@each.state.on', 'activeLights.[]', function(){
     if(!this.get('strobeOn')){
       let lightsData = this.get('lightsData'), lightsOn = this.get('activeLights').some(function(light) {
         return lightsData[light].state.on === true;
@@ -103,7 +104,7 @@ export default Component.extend({
 
       this.set('lightsOn', lightsOn);
     }
-  }),
+  })),
 
   onLightsOnChange: observer('lightsOn', function(){
     let lightsData = this.get('lightsData'),
diff --git a/web/app/styles/bridge-finder.scss b/web/app/styles/bridge-finder.scss
index 5e1ed9c..c285ea8 100644
--- a/web/app/styles/bridge-finder.scss
+++ b/web/app/styles/bridge-finder.scss
@@ -20,7 +20,7 @@
 }
 
 #intro-paragraph {
-  margin-bottom: 30px;
+  margin-bottom: 20px;
   font-size: 16px;
 }
 
diff --git a/web/app/styles/hue-controls.scss b/web/app/styles/hue-controls.scss
index f492167..8198213 100644
--- a/web/app/styles/hue-controls.scss
+++ b/web/app/styles/hue-controls.scss
@@ -1,5 +1,5 @@
 #lights-tab {
-  min-height: 400px;
+  min-height: 350px;
   .paper-icon {
     line-height: 0.8 !important;
   }
@@ -104,6 +104,7 @@
 @media(min-width:767px) {
   #lights-tab {
     font-size: 20px;
+    min-height: 450px;
     .paper-icon {
       font-size: 24px;
     }
diff --git a/web/bower.json b/web/bower.json
index f0ecb1a..205cf86 100644
--- a/web/bower.json
+++ b/web/bower.json
@@ -4,7 +4,7 @@
     "HackTimer": "https://github.com/turuslan/HackTimer.git#~1.0.0",
     "JavaScript-ID3-Reader": "https://github.com/aadsm/JavaScript-ID3-Reader.git",
     "bootstrap-sass": "^3.3.5",
-    "ember": "^2.9.0",
+    "ember": "beta",
     "ember-cli-shims": "^0.1.0",
     "ember-load-initializers": "0.5.1",
     "ember-qunit-notifications": "0.1.0",