diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index ad636a10b..1fe1969b7 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -187,7 +187,8 @@ html {
     --ion-searchbar-height: var(--a11y-min-target-size);
     --ion-searchbar-color: var(--text-color);
     --ion-searchbar-icon-color: var(--core-input-stroke);
-    ion-searchbar {
+    ion-searchbar,
+    .ios ion-searchbar {
         --background: var(--ion-searchbar-background);
         --border-color: var(--ion-searchbar-border-color);
         --color: var(--ion-searchbar-color);