From edbb64c4b6de7ace7043675a85fd503da18304d7 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Tue, 13 Sep 2022 15:26:42 -0500
Subject: [PATCH] fix(footer): padding is added correctly with tabs (#25921)

resolves #25918
---
 core/src/components/footer/footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/footer/footer.tsx b/core/src/components/footer/footer.tsx
index a52eccccff..d783dbd0fc 100644
--- a/core/src/components/footer/footer.tsx
+++ b/core/src/components/footer/footer.tsx
@@ -112,7 +112,7 @@ export class Footer implements ComponentInterface {
     const { translucent, collapse } = this;
     const mode = getIonMode(this);
     const tabs = this.el.closest('ion-tabs');
-    const tabBar = tabs?.querySelector('ion-tab-bar');
+    const tabBar = tabs?.querySelector(':scope > ion-tab-bar');
 
     return (
       <Host