diff --git a/app/assets/javascripts/darkswarm/controllers/offcanvas_controller.js.coffee b/app/assets/javascripts/darkswarm/controllers/offcanvas_controller.js.coffee
new file mode 100644
index 0000000000..5f71a17eed
--- /dev/null
+++ b/app/assets/javascripts/darkswarm/controllers/offcanvas_controller.js.coffee
@@ -0,0 +1,11 @@
+Darkswarm.controller "OffcanvasCtrl", ($scope, $window) ->
+  $scope.menu = $(".left-off-canvas-menu")
+
+  $scope.setOffcanvasMenuHeight = ->
+    $scope.menu.height($(window).height())
+
+  $scope.bind = ->
+    $(window).on("resize", $scope.setOffcanvasMenuHeight)
+    $scope.setOffcanvasMenuHeight()
+
+  $scope.bind()
diff --git a/app/assets/javascripts/darkswarm/layout/offcanvas.js.coffee b/app/assets/javascripts/darkswarm/layout/offcanvas.js.coffee
deleted file mode 100644
index 924e6b882a..0000000000
--- a/app/assets/javascripts/darkswarm/layout/offcanvas.js.coffee
+++ /dev/null
@@ -1,6 +0,0 @@
-$ ->
-  menu = $(".left-off-canvas-menu")
-  setOffcanvasMenuHeight = ->
-    menu.height($(window).height())
-  $(window).on("resize", setOffcanvasMenuHeight)
-  setOffcanvasMenuHeight()
diff --git a/app/views/shared/menu/_offcanvas_menu.html.haml b/app/views/shared/menu/_offcanvas_menu.html.haml
index eae59bae9f..c18d14d0e9 100644
--- a/app/views/shared/menu/_offcanvas_menu.html.haml
+++ b/app/views/shared/menu/_offcanvas_menu.html.haml
@@ -1,4 +1,4 @@
-%aside.left-off-canvas-menu.show-for-medium-down
+%aside.left-off-canvas-menu.show-for-medium-down{ ng: { controller: "OffcanvasCtrl" } }
   %ul.off-canvas-list
     %li.ofn-logo
       %a{href: root_path}