diff --git a/core/src/components/tab-bar/tab-bar.scss b/core/src/components/tab-bar/tab-bar.scss
index ee703639fb..a75892261c 100644
--- a/core/src/components/tab-bar/tab-bar.scss
+++ b/core/src/components/tab-bar/tab-bar.scss
@@ -62,6 +62,7 @@
}
:host([slot="top"]) {
+ padding-top: var(--ion-safe-area-top, 0);
padding-bottom: 0;
border-top: 0;
@@ -71,4 +72,4 @@
:host(.tab-bar-hidden) {
/* stylelint-disable-next-line declaration-no-important */
display: none !important;
-}
\ No newline at end of file
+}
diff --git a/core/src/components/tabs/test/placements/index.html b/core/src/components/tabs/test/placements/index.html
index 711c413fe5..424eb0d421 100644
--- a/core/src/components/tabs/test/placements/index.html
+++ b/core/src/components/tabs/test/placements/index.html
@@ -9,7 +9,14 @@
-
+
+
+
+