diff --git a/lib/browser/app.js b/lib/browser/app.js
index 42f60ecd..897345c2 100644
--- a/lib/browser/app.js
+++ b/lib/browser/app.js
@@ -195,8 +195,6 @@ app.controller('AppController', function(
 
     });
   };
-
-  this.open = shell.openExternal;
 });
 
 app.controller('SettingsController', function(SettingsService) {
@@ -205,6 +203,7 @@ app.controller('SettingsController', function(SettingsService) {
 
 app.controller('NavigationController', function($state) {
   this.isState = $state.is;
+  this.open = shell.openExternal;
 });
 
 app.controller('FinishController', function($state, SelectionStateService, SettingsService) {
diff --git a/lib/index.html b/lib/index.html
index 63ad39fe..9c538e21 100644
--- a/lib/index.html
+++ b/lib/index.html
@@ -37,16 +37,16 @@
 
     <main class="wrapper" ui-view></main>
 
-    <footer class="section-footer row between-xs middle-xs">
+    <footer class="section-footer row between-xs middle-xs" ng-controller="NavigationController as navigation">
       <div class="col-xs">
         <div class="box text-left">
-          <hero-icon path="images/resin.svg" width="85px" height="auto" ng-click="app.open('https://resin.io')"></hero-icon>
+          <hero-icon path="images/resin.svg" width="85px" height="auto" ng-click="navigation.open('https://resin.io')"></hero-icon>
         </div>
       </div>
 
       <div class="col-xs">
         <div class="box text-right">
-          <hero-caption><span ng-click="app.open('https://github.com/resin-io/etcher')">AN OPEN SOURCE PROJECT</span> BY <span ng-click="app.open('https://resin.io')">RESIN.IO</span></hero-caption>
+          <hero-caption><span ng-click="navigation.open('https://github.com/resin-io/etcher')">AN OPEN SOURCE PROJECT</span> BY <span ng-click="navigation.open('https://resin.io')">RESIN.IO</span></hero-caption>
         </div>
       </div>
     </footer>