diff --git a/core/api.txt b/core/api.txt
index 459ff4de8e..a68f92c253 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -954,6 +954,7 @@ ion-searchbar,event,ionClear,void,true
 ion-searchbar,event,ionFocus,void,true
 ion-searchbar,event,ionInput,KeyboardEvent,true
 ion-searchbar,css-prop,--background
+ion-searchbar,css-prop,--border-radius
 ion-searchbar,css-prop,--box-shadow
 ion-searchbar,css-prop,--cancel-button-color
 ion-searchbar,css-prop,--clear-button-color
diff --git a/core/src/components/searchbar/readme.md b/core/src/components/searchbar/readme.md
index 7fd05b6a9b..7945a16b30 100644
--- a/core/src/components/searchbar/readme.md
+++ b/core/src/components/searchbar/readme.md
@@ -303,6 +303,7 @@ Type: `Promise<void>`
 | Name                        | Description                              |
 | --------------------------- | ---------------------------------------- |
 | `--background`              | Background of the searchbar input        |
+| `--border-radius`           | Border radius of the searchbar input     |
 | `--box-shadow`              | Box shadow of the searchbar input        |
 | `--cancel-button-color`     | Color of the searchbar cancel button     |
 | `--clear-button-color`      | Color of the searchbar clear button      |
diff --git a/core/src/components/searchbar/searchbar.ios.scss b/core/src/components/searchbar/searchbar.ios.scss
index cd8d74ef09..e15473d878 100644
--- a/core/src/components/searchbar/searchbar.ios.scss
+++ b/core/src/components/searchbar/searchbar.ios.scss
@@ -6,6 +6,7 @@
 
 :host {
   --background: #{$searchbar-ios-input-background-color};
+  --border-radius: #{$searchbar-ios-input-border-radius};
   --box-shadow: none;
   --cancel-button-color: #{$searchbar-ios-cancel-button-color};
   --clear-button-color: #{$searchbar-ios-input-clear-icon-color};
@@ -45,7 +46,6 @@
 
 .searchbar-input {
   @include padding(0, 28px);
-  @include border-radius($searchbar-ios-input-border-radius);
 
   height: 100%;
 
@@ -189,4 +189,4 @@
   color: currentColor;
 
   opacity: $searchbar-ios-input-icon-opacity;
-}
\ No newline at end of file
+}
diff --git a/core/src/components/searchbar/searchbar.md.scss b/core/src/components/searchbar/searchbar.md.scss
index 599c44c9d5..5742482b13 100644
--- a/core/src/components/searchbar/searchbar.md.scss
+++ b/core/src/components/searchbar/searchbar.md.scss
@@ -6,6 +6,7 @@
 
 :host {
   --background: #{$searchbar-md-input-background-color};
+  --border-radius: #{$searchbar-md-input-border-radius};
   --box-shadow: #{$searchbar-md-input-box-shadow};
   --cancel-button-color: #{$searchbar-md-cancel-button-color};
   --clear-button-color: initial;
@@ -59,7 +60,6 @@
 
 .searchbar-input {
   @include padding(6px, 55px);
-  @include border-radius($searchbar-md-input-border-radius);
   @include background-position(start, 8px, center);
 
   height: $searchbar-md-input-height;
diff --git a/core/src/components/searchbar/searchbar.scss b/core/src/components/searchbar/searchbar.scss
index c61f62ff84..0b102ff9ea 100644
--- a/core/src/components/searchbar/searchbar.scss
+++ b/core/src/components/searchbar/searchbar.scss
@@ -7,6 +7,7 @@
   /**
    * @prop --background: Background of the searchbar input
    * @prop --box-shadow: Box shadow of the searchbar input
+   * @prop --border-radius: Border radius of the searchbar input
    * @prop --cancel-button-color: Color of the searchbar cancel button
    * @prop --clear-button-color: Color of the searchbar clear button
    * @prop --color: Color of the searchbar text
@@ -68,6 +69,7 @@
 
 .searchbar-input {
   @include text-inherit();
+  @include border-radius(var(--border-radius));
 
   display: block;