chore: refactor input separator styles

Author: zhpenkov

packages/default/scss/input/_layout.scss

@@ -213,16 +213,21 @@
         margin: 0;
         border-style: solid;
         border-color: inherit;
-        height: auto;
-        align-self: stretch;
+        border-width: 0 0 0 1px;
+        height: $kendo-icon-size;
+        align-self: center;
 
         &-horizontal {
+            height: auto;
             margin-inline: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 1px 0 0;
         }
 
         &-vertical {
+            height: auto;
             margin-block: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 0 0 0 1px;
         }
     }

packages/fluent/scss/input/_layout.scss

@@ -1,6 +1,7 @@
 @use "sass:map";
 @use "../core/" as *;
 @use "./_variables.scss" as *;
+@use "../icon/_variables.scss" as *;
 
 @mixin kendo-input--layout() {
 
@@ -237,16 +238,21 @@
         margin: 0;
         border-style: solid;
         border-color: inherit;
-        height: auto;
-        align-self: stretch;
+        border-width: 0 0 0 1px;
+        height: $kendo-icon-size;
+        align-self: center;
 
         &-horizontal {
+            height: auto;
             margin-inline: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 1px 0 0;
         }
 
         &-vertical {
+            height: auto;
             margin-block: $kendo-input-md-padding-y;
+            align-self: stretch;
             border-width: 0 0 0 1px;
         }
     }