diff --git a/js/angular/directive/headerFooterBar.js b/js/angular/directive/headerFooterBar.js
index 8df55134c6..0a9d8ad22b 100644
--- a/js/angular/directive/headerFooterBar.js
+++ b/js/angular/directive/headerFooterBar.js
@@ -118,13 +118,14 @@ function tapScrollToTopDirective() {
 }
 
 function headerFooterBarDirective(isHeader) {
-  return [function() {
+  return ['$document',function($document) {
     return {
       restrict: 'E',
       controller: '$ionicHeaderBar',
       compile: function(tElement, $attr) {
         tElement.addClass(isHeader ? 'bar bar-header' : 'bar bar-footer');
-        if (tElement[0].parentNode.querySelector('.tabs-top')) tElement.addClass('has-tabs-top');
+        // android style tabs? if so, remove bottom border for seamless display
+        if ($document[0].getElementsByClassName('tabs-top')) tElement.addClass('has-tabs-top');
 
         return { pre: prelink };
         function prelink($scope, $element, $attr, ctrl) {