diff --git a/src/components/content/content.ts b/src/components/content/content.ts
index 63b5736f71..59b526791d 100644
--- a/src/components/content/content.ts
+++ b/src/components/content/content.ts
@@ -530,14 +530,14 @@ export class Content extends Ion {
       newVal = this._footerHeight + this._paddingBottom;
       if (this._tabbarPlacement === 'bottom') {
         newVal += this._tabbarHeight;
+
+        if (newVal > 0 && this._footerEle) {
+          this._footerEle.style.bottom = (newVal - this._footerHeight - this._paddingBottom) + 'px';
+        }
       }
       if (newVal !== this.adjustedBottom) {
         scrollEle.style.paddingBottom = (newVal > 0 ? newVal + 'px' : '');
         this.adjustedBottom = newVal;
-
-        if (newVal > 0 && this._footerEle) {
-          this._footerEle.style.bottom = (newVal - this._footerHeight) + 'px';
-        }
       }
 
     } else {
diff --git a/src/components/content/test/basic/page2.html b/src/components/content/test/basic/page2.html
index ba3bf875cf..482b24cbd6 100644
--- a/src/components/content/test/basic/page2.html
+++ b/src/components/content/test/basic/page2.html
@@ -28,6 +28,9 @@
   <ion-toolbar class="opaque">
     <ion-title>Footer</ion-title>
   </ion-toolbar>
+  <ion-toolbar class="opaque">
+    <ion-title>Footer 2</ion-title>
+  </ion-toolbar>
 </ion-footer>
 
 <style>
diff --git a/src/components/content/test/fullscreen/page2.html b/src/components/content/test/fullscreen/page2.html
index a33ff5f86f..6df4c88433 100644
--- a/src/components/content/test/fullscreen/page2.html
+++ b/src/components/content/test/fullscreen/page2.html
@@ -28,6 +28,9 @@
   <ion-toolbar class="opaque">
     <ion-title>Footer</ion-title>
   </ion-toolbar>
+  <ion-toolbar class="opaque">
+    <ion-title>Footer 2</ion-title>
+  </ion-toolbar>
 </ion-footer>
 
 <style>