diff --git a/core/src/components/range/range.md.scss b/core/src/components/range/range.md.scss
index c1fa7f3b9e..2c2acb0200 100644
--- a/core/src/components/range/range.md.scss
+++ b/core/src/components/range/range.md.scss
@@ -178,6 +178,7 @@
     @include position(null, null, -1px, 50%);
     @include margin-horizontal(-13px, null);
 
+    // Border radius for the pin should not change based on the direction
     @include multi-dir() {
       /* stylelint-disable-next-line property-disallowed-list */
       border-radius: 50% 50% 50% 0;
diff --git a/core/src/components/select/select.md.outline.scss b/core/src/components/select/select.md.outline.scss
index d22c4106c2..467f804106 100644
--- a/core/src/components/select/select.md.outline.scss
+++ b/core/src/components/select/select.md.outline.scss
@@ -199,14 +199,8 @@
   @include border(null, null, null, var(--border-width) var(--border-style) var(--border-color));
 }
 
-:host(.select-ltr.select-fill-outline) .select-outline-start {
-  // stylelint-disable-next-line property-disallowed-list
-  border-radius: var(--border-radius) 0px 0px var(--border-radius);
-}
-
-:host(.select-rtl.select-fill-outline) .select-outline-start {
-  // stylelint-disable-next-line property-disallowed-list
-  border-radius: 0px var(--border-radius) var(--border-radius) 0px;
+:host(.select-fill-outline) .select-outline-start {
+  @include border-radius(var(--border-radius), 0px, 0px, var(--border-radius));
 }
 
 :host(.select-fill-outline) .select-outline-start {
@@ -225,14 +219,8 @@
   @include border(null, var(--border-width) var(--border-style) var(--border-color), null, null);
 }
 
-:host(.select-ltr.select-fill-outline) .select-outline-end {
-  // stylelint-disable-next-line property-disallowed-list
-  border-radius: 0px var(--border-radius) var(--border-radius) 0px;
-}
-
-:host(.select-rtl.select-fill-outline) .select-outline-end {
-  // stylelint-disable-next-line property-disallowed-list
-  border-radius: var(--border-radius) 0px 0px var(--border-radius);
+:host(.select-fill-outline) .select-outline-end {
+  @include border-radius(0px, var(--border-radius), var(--border-radius), 0px);
 }
 
 :host(.select-fill-outline) .select-outline-end {
diff --git a/core/src/themes/ionic.mixins.scss b/core/src/themes/ionic.mixins.scss
index 6be878891e..da174046be 100644
--- a/core/src/themes/ionic.mixins.scss
+++ b/core/src/themes/ionic.mixins.scss
@@ -438,23 +438,12 @@
 // ----------------------------------------------------------
 @mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {
   @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {
-    @include multi-dir() {
-      border-radius: $top-start;
-    }
+    border-radius: $top-start;
   } @else {
-    @include ltr() {
-      border-top-left-radius: $top-start;
-      border-top-right-radius: $top-end;
-      border-bottom-right-radius: $bottom-end;
-      border-bottom-left-radius: $bottom-start;
-    }
-
-    @include rtl() {
-      border-top-left-radius: $top-end;
-      border-top-right-radius: $top-start;
-      border-bottom-right-radius: $bottom-start;
-      border-bottom-left-radius: $bottom-end;
-    }
+    border-start-start-radius: $top-start;
+    border-start-end-radius: $top-end;
+    border-end-end-radius: $bottom-end;
+    border-end-start-radius: $bottom-start;
   }
 }