diff --git a/js/angular/directive/headerFooterBar.js b/js/angular/directive/headerFooterBar.js
index 4376eddd3ae..504ee6fce5e 100644
--- a/js/angular/directive/headerFooterBar.js
+++ b/js/angular/directive/headerFooterBar.js
@@ -164,6 +164,12 @@ function headerFooterBarDirective(isHeader) {
             $scope.$watch('$hasTabs', function(val) {
               $element.toggleClass('has-tabs', !!val);
             });
+            ctrl.align();
+            $scope.$on('$ionicFooter.align', function() {
+              ionic.requestAnimationFrame(function() {
+                ctrl.align();
+              });
+            });
           }
         }
       }
diff --git a/js/angular/service/modal.js b/js/angular/service/modal.js
index abc89f76628..9b8db96a764 100644
--- a/js/angular/service/modal.js
+++ b/js/angular/service/modal.js
@@ -180,6 +180,7 @@ function($rootScope, $ionicBody, $compile, $timeout, $ionicPlatform, $ionicTempl
         self.scope.$parent && self.scope.$parent.$broadcast(self.viewType + '.shown', self);
         self.el.classList.add('active');
         self.scope.$broadcast('$ionicHeader.align');
+        self.scope.$broadcast('$ionicFooter.align');
       }, 20);
 
       return $timeout(function() {