diff --git a/core/src/components/footer/footer.ios.scss b/core/src/components/footer/footer.ios.scss
index 009e4154d2..67ff5b4818 100644
--- a/core/src/components/footer/footer.ios.scss
+++ b/core/src/components/footer/footer.ios.scss
@@ -4,7 +4,7 @@
 // iOS Footer
 // --------------------------------------------------
 
-.footer-ios ion-toolbar:first-child {
+.footer-ios ion-toolbar:first-of-type {
   --border-width: #{$hairlines-width} 0 0;
 }
 
@@ -21,6 +21,6 @@
   }
 }
 
-.footer-ios.ion-no-border ion-toolbar:first-child {
+.footer-ios.ion-no-border ion-toolbar:first-of-type {
   --border-width: 0;
 }
\ No newline at end of file
diff --git a/core/src/components/footer/footer.scss b/core/src/components/footer/footer.scss
index d1bc8e9f20..9682747b41 100644
--- a/core/src/components/footer/footer.scss
+++ b/core/src/components/footer/footer.scss
@@ -14,6 +14,6 @@ ion-footer {
   z-index: $z-index-toolbar;
 }
 
-ion-footer ion-toolbar:last-child {
+ion-footer ion-toolbar:last-of-type {
   padding-bottom: var(--ion-safe-area-bottom, 0);
 }
\ No newline at end of file
diff --git a/core/src/components/header/header.ios.scss b/core/src/components/header/header.ios.scss
index 738e4707ee..ae2a968082 100644
--- a/core/src/components/header/header.ios.scss
+++ b/core/src/components/header/header.ios.scss
@@ -4,7 +4,7 @@
 // iOS Header
 // --------------------------------------------------
 
-.header-ios ion-toolbar:last-child {
+.header-ios ion-toolbar:last-of-type {
   --border-width: 0 0 #{$hairlines-width};
 }
 
@@ -21,7 +21,7 @@
   }
 }
 
-.header-ios.ion-no-border ion-toolbar:last-child {
+.header-ios.ion-no-border ion-toolbar:last-of-type {
   --border-width: 0;
 }
 
@@ -36,7 +36,7 @@
   top: 0;
 }
 
-.header-collapse-condense ion-toolbar:first-child {
+.header-collapse-condense ion-toolbar:first-of-type {
   padding-top: 7px;
 
   z-index: 1;
diff --git a/core/src/components/header/header.scss b/core/src/components/header/header.scss
index bd6af54849..108607ddf7 100644
--- a/core/src/components/header/header.scss
+++ b/core/src/components/header/header.scss
@@ -14,6 +14,6 @@ ion-header {
   z-index: $z-index-toolbar;
 }
 
-ion-header ion-toolbar:first-child {
+ion-header ion-toolbar:first-of-type {
   padding-top: var(--ion-safe-area-top, 0);
 }