diff --git a/packages/fluent/scss/forms/_layout.scss b/packages/fluent/scss/forms/_layout.scss index c19702c43f1..84641bbb6c0 100644 --- a/packages/fluent/scss/forms/_layout.scss +++ b/packages/fluent/scss/forms/_layout.scss @@ -216,7 +216,7 @@ line-height: 1; margin-block-end: calc( var( --kendo-padding-y-lg, #{$kendo-padding-y-lg} ) * 2 ); text-transform: uppercase; - padding: 0 var( --kendo-padding-x, #{$kendo-padding-x} ) 0 0; + padding-inline-end: var( --kendo-padding-x, #{$kendo-padding-x} ); width: auto; } diff --git a/packages/fluent/scss/forms/_variables.scss b/packages/fluent/scss/forms/_variables.scss index bd04aab7bdd..3d85005b28a 100644 --- a/packages/fluent/scss/forms/_variables.scss +++ b/packages/fluent/scss/forms/_variables.scss @@ -58,7 +58,7 @@ $kendo-form-legend-text-transform: uppercase !default; /// The bottom margin of the form label /// @group form -$kendo-form-label-margin-bottom: 0px !default; +$kendo-form-label-margin-bottom: map-get( $kendo-spacing, 2 ) !default; /// The font weight of the form label /// @group form