diff --git a/packages/bootstrap/scss/colorpicker/_variables.scss b/packages/bootstrap/scss/colorpicker/_variables.scss
index 1d658d5b330..6e09235c784 100644
--- a/packages/bootstrap/scss/colorpicker/_variables.scss
+++ b/packages/bootstrap/scss/colorpicker/_variables.scss
@@ -3,8 +3,6 @@ $colorpicker-font-family: $font-family !default;
 $colorpicker-font-size: $font-size !default;
 $colorpicker-line-height: $line-height !default;
 
-$colorpicker-select-border-width: 1px !default;
-
 $colorpicker-bg: $button-bg !default;
 $colorpicker-text: $button-text !default;
 $colorpicker-border: $button-border !default;
diff --git a/packages/bootstrap/scss/combobox/_variables.scss b/packages/bootstrap/scss/combobox/_variables.scss
index a6c7c9a85c4..80aa31375ae 100644
--- a/packages/bootstrap/scss/combobox/_variables.scss
+++ b/packages/bootstrap/scss/combobox/_variables.scss
@@ -2,7 +2,6 @@
 $combobox-select-padding-x: $button-padding-y !default;
 $combobox-select-padding-y: $button-padding-y !default;
 $combobox-select-width: null !default;
-$combobox-select-border-width: 1px !default;
 
 $combobox-bg: $input-bg !default;
 $combobox-text: $input-text !default;
diff --git a/packages/classic/scss/colorpicker/_variables.scss b/packages/classic/scss/colorpicker/_variables.scss
index 1ecc615fed0..dac4a9bd527 100644
--- a/packages/classic/scss/colorpicker/_variables.scss
+++ b/packages/classic/scss/colorpicker/_variables.scss
@@ -3,8 +3,6 @@ $colorpicker-font-family: $font-family !default;
 $colorpicker-font-size: $font-size !default;
 $colorpicker-line-height: $line-height !default;
 
-$colorpicker-select-border-width: 1px !default;
-
 $colorpicker-bg: $button-bg !default;
 $colorpicker-text: $button-text !default;
 $colorpicker-border: $button-border !default;
diff --git a/packages/classic/scss/combobox/_variables.scss b/packages/classic/scss/combobox/_variables.scss
index 76d82e0ce4b..7d8ef5fa961 100644
--- a/packages/classic/scss/combobox/_variables.scss
+++ b/packages/classic/scss/combobox/_variables.scss
@@ -2,7 +2,6 @@
 $combobox-select-padding-x: $button-padding-y !default;
 $combobox-select-padding-y: $button-padding-y !default;
 $combobox-select-width: $button-inner-calc-size !default;
-$combobox-select-border-width: 1px !default;
 
 $combobox-bg: $input-bg !default;
 $combobox-text: $input-text !default;
diff --git a/packages/default/scss/colorpicker/_layout.scss b/packages/default/scss/colorpicker/_layout.scss
index 05b15cfcac4..cd4199f8318 100644
--- a/packages/default/scss/colorpicker/_layout.scss
+++ b/packages/default/scss/colorpicker/_layout.scss
@@ -99,7 +99,8 @@
         .k-select {
             padding: $picker-select-padding-y $picker-select-padding-x;
             width: if( $use-picker-select-width, $button-inner-calc-size, null );
-            border-width: 0 0 0 $colorpicker-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             border-color: inherit;
             box-sizing: border-box;
@@ -113,15 +114,6 @@
             .k-icon {}
         }
 
-        .k-rtl &,
-        &[dir="rtl"] {
-            .k-picker-wrap {
-                .k-select {
-                    border-width: 0 $colorpicker-select-border-width 0 0;
-                }
-            }
-        }
-
     }
 
     .k-colorpicker-popup .k-coloreditor {
diff --git a/packages/default/scss/colorpicker/_variables.scss b/packages/default/scss/colorpicker/_variables.scss
index 1ecc615fed0..dac4a9bd527 100644
--- a/packages/default/scss/colorpicker/_variables.scss
+++ b/packages/default/scss/colorpicker/_variables.scss
@@ -3,8 +3,6 @@ $colorpicker-font-family: $font-family !default;
 $colorpicker-font-size: $font-size !default;
 $colorpicker-line-height: $line-height !default;
 
-$colorpicker-select-border-width: 1px !default;
-
 $colorpicker-bg: $button-bg !default;
 $colorpicker-text: $button-text !default;
 $colorpicker-border: $button-border !default;
diff --git a/packages/default/scss/combobox/_layout.scss b/packages/default/scss/combobox/_layout.scss
index b6aa82017f2..8e0dee5ee10 100644
--- a/packages/default/scss/combobox/_layout.scss
+++ b/packages/default/scss/combobox/_layout.scss
@@ -42,7 +42,8 @@
         .k-select {
             padding: $combobox-select-padding-y $combobox-select-padding-x;
             width: if( $use-picker-select-width, $combobox-select-width, null );
-            border-width: 0 0 0 $combobox-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             box-sizing: border-box;
             border-style: solid;
             display: flex;
@@ -56,10 +57,6 @@
         &[dir="rtl"],
         .k-rtl & {
             text-align: right;
-
-            .k-select {
-                border-width: 0 $combobox-select-border-width 0 0;
-            }
         }
     }
 }
diff --git a/packages/default/scss/combobox/_variables.scss b/packages/default/scss/combobox/_variables.scss
index 66994c9c29b..22d0f414f26 100644
--- a/packages/default/scss/combobox/_variables.scss
+++ b/packages/default/scss/combobox/_variables.scss
@@ -2,7 +2,6 @@
 $combobox-select-padding-x: 0px !default;
 $combobox-select-padding-y: 0px !default;
 $combobox-select-width: $button-inner-calc-size !default;
-$combobox-select-border-width: 0px !default;
 
 $combobox-bg: $input-bg !default;
 $combobox-text: $input-text !default;
diff --git a/packages/default/scss/datetime/_layout.scss b/packages/default/scss/datetime/_layout.scss
index 8c05d1f6c2c..7885981b0f2 100644
--- a/packages/default/scss/datetime/_layout.scss
+++ b/packages/default/scss/datetime/_layout.scss
@@ -43,7 +43,8 @@
         .k-select {
             padding: 0;
             width: if( $use-picker-select-width, $spinner-width, null );
-            border-width: 0 0 0 $picker-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             box-sizing: border-box;
             outline: 0;
@@ -81,10 +82,6 @@
         .k-rtl &,
         &[dir="rtl"] {
             text-align: right;
-
-            .k-select {
-                border-width: 0 $picker-select-border-width 0 0;
-            }
         }
 
 
@@ -147,7 +144,8 @@
         .k-select {
             padding: $picker-select-padding-y $picker-select-padding-x;
             width: if( $use-picker-select-width, $picker-select-calc-size, null );
-            border-width: 0 0 0 $picker-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             box-sizing: border-box;
             outline: 0;
@@ -164,10 +162,6 @@
         .k-rtl &,
         &[dir="rtl"] {
             text-align: right;
-
-            .k-select {
-                border-width: 0 $picker-select-border-width 0 0;
-            }
         }
     }
 
@@ -214,7 +208,8 @@
 
         // Select
         .k-select {
-            border-width: 0 0 0 $picker-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             box-sizing: border-box;
             outline: 0;
@@ -243,10 +238,6 @@
         .k-rtl &,
         &[dir="rtl"] {
             text-align: right;
-
-            .k-select {
-                border-width: 0 $picker-select-border-width 0 0;
-            }
         }
     }
 
diff --git a/packages/default/scss/numerictextbox/_layout.scss b/packages/default/scss/numerictextbox/_layout.scss
index 8a8ad927353..e05956bca95 100644
--- a/packages/default/scss/numerictextbox/_layout.scss
+++ b/packages/default/scss/numerictextbox/_layout.scss
@@ -45,7 +45,8 @@
         .k-select {
             padding: 0;
             width: if( $use-picker-select-width, $spinner-width, null );
-            border-width: 0 0 0 $picker-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             box-sizing: border-box;
             display: flex;
@@ -86,10 +87,6 @@
         .k-rtl &,
         &[dir="rtl"] {
             text-align: right;
-
-            .k-select {
-                border-width: 0 $picker-select-border-width 0 0;
-            }
         }
     }
 
diff --git a/packages/material/scss/colorpicker/_variables.scss b/packages/material/scss/colorpicker/_variables.scss
index 3afb5c86c2b..13b84311932 100644
--- a/packages/material/scss/colorpicker/_variables.scss
+++ b/packages/material/scss/colorpicker/_variables.scss
@@ -3,8 +3,6 @@ $colorpicker-font-family: $font-family !default;
 $colorpicker-font-size: $font-size !default;
 $colorpicker-line-height: $line-height !default;
 
-$colorpicker-select-border-width: 0px !default;
-
 $colorpicker-bg: null !default;
 $colorpicker-text: $input-text !default;
 $colorpicker-border: $input-border !default;
diff --git a/packages/material/scss/combobox/_variables.scss b/packages/material/scss/combobox/_variables.scss
index 6b926d55735..facf28e3f01 100644
--- a/packages/material/scss/combobox/_variables.scss
+++ b/packages/material/scss/combobox/_variables.scss
@@ -2,7 +2,6 @@
 $combobox-select-padding-x: ($button-padding-y / 2) !default;
 $combobox-select-padding-y: $button-padding-y !default;
 $combobox-select-width: null !default;
-$combobox-select-border-width: 0px !default;
 
 $combobox-bg: $input-bg !default;
 $combobox-text: $input-text !default;