diff --git a/app/pods/components/hue-controls/template.hbs b/app/pods/components/hue-controls/template.hbs
index 288cdaf..248f86a 100644
--- a/app/pods/components/hue-controls/template.hbs
+++ b/app/pods/components/hue-controls/template.hbs
@@ -1,12 +1,12 @@
 {{#if ready}}
   <div class="row navigation">
-    <div class="col-sm-5 col-sm-offset-4 col-xs-6 col-xs-offset-1">
+    <div class="col-sm-5 col-sm-offset-4 col-xs-6 col-xs-offset-2">
       {{#each tabData as |tab|}}
         <span class="navigationItem cursorPointer {{if tab.selected "active"}} text-uppercase" {{action "changeTab" tab.name}}>{{tab.name}}</span>
       {{/each}}
     </div>
 
-    <div id="settings" class="col-sm-3 col-xs-5">
+    <div id="settings" class="col-sm-3 col-xs-4">
       <div class="settingsItem">
         <span data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
           Light Groups <span class="caret"></span>