@syncfusion/blazor-themes 21.1.35 → 21.1.38

package/SCSS-Themes/highcontrast.scss

@@ -53742,12 +53742,12 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -53813,7 +53813,7 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -76073,11 +76073,6 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     &.sf-grid {
-
-      .e-table {
-        border-spacing: .25px;
-      }
-
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
       }
@@ -76262,7 +76257,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 
 #{&}.e-grid-min-height {
-  .e-rowcell {
+  .e-rowcell,
+  .e-icon-grightarrow,
+  .e-icon-gdownarrow {
     line-height: 0;
     padding-bottom: 0;
     padding-top: 0;
@@ -105078,7 +105075,7 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }
@@ -112348,7 +112345,9 @@ $schedule-tree-content-color: #fff !default;
         background: $schedule-current-date-bg-color;
         border-radius: 50%;
         color: $schedule-current-date-header-font-color;
-        width: 20px;
+        min-width: 20px;
+        padding: 0 4px;
+        width: fit-content;
       }
 
       .e-selected-cell {
@@ -112384,7 +112383,7 @@ $schedule-tree-content-color: #fff !default;
       }
 
       .e-current-date .e-date-header {
-        width: 24px;
+        min-width: 24px;
       }
     }
 
@@ -114298,6 +114297,7 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 9px !default;
 $rating-label-right-margin: 4px !default;
@@ -114310,21 +114310,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
-$rating-small-li-hover-font-size: 18px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 28px !default;
 $rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-hover-font-size: 30px !default;
+$rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 24px !default;
 
 $rating-bigger-small-li-font-size: 24px !default;
 $rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-hover-font-size: 26px !default;
+$rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -114379,6 +114379,8 @@ $rating-reset-disabled-icon-color: $disable !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -114503,6 +114505,8 @@ $rating-reset-disabled-icon-color: $disable !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114520,6 +114524,8 @@ $rating-reset-disabled-icon-color: $disable !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114539,6 +114545,8 @@ $rating-reset-disabled-icon-color: $disable !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114945,10 +114953,6 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
         display: none;
       }
 
-      .e-item {
-        width: fit-content;
-      }
-
       .e-ribbon-file-menu {
         position: absolute;
         line-height: $ribbon-file-menu-height;
@@ -115054,6 +115058,12 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
         }
       }
 
+      .e-hscroll.e-scroll-device {
+        .e-scroll-nav.e-scroll-right-nav {
+          box-shadow: none;
+        }
+      }
+
       .e-hscroll {
         padding: $ribbon-hscroll-padding;
 
@@ -115063,6 +115073,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
           min-width: auto;
           width: auto;
           border-style: solid;
+          transform: none;
           border-width: $ribbon-hscroll-nav-border-width;
           border-radius: $ribbon-hscroll-nav-border-radius;
           z-index: 3;
@@ -115074,6 +115085,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
           .e-nav-arrow {
             font-size: $ribbon-nav-arrow-size;
             height: auto;
+            transform: none;
             line-height: $ribbon-nav-arrow-height;
             padding: $ribbon-hscroll-nav-arrow-padding;
             width: auto;
@@ -115228,6 +115240,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
       .e-tab-header {
         left: var(--fileMenuWidth);
       }
+
+      .e-ribbon-tab .e-hscroll.e-scroll-device {
+        padding-right: 30px;
+      }
     }
 
     &.e-rtl {
@@ -115245,6 +115261,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
       .e-tab-header {
         right: var(--fileMenuWidth);
       }
+
+      .e-ribbon-tab .e-hscroll.e-scroll-device {
+        padding-left: 30px;
+      }
     }
   }
 
@@ -115592,8 +115612,12 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
 
     .e-ribbon-overflow-target {
 
-      .e-ribbon-item > .e-input-group {
-        margin: $ribbon-overflow-wrapper-item-margin;
+      .e-ribbon-item {
+
+        & > .e-input-group,
+        .e-ribbon-template {
+          margin: $ribbon-overflow-wrapper-item-margin;
+        }
       }
 
       .e-ribbon-item > .e-checkbox-wrapper {
@@ -115619,14 +115643,6 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
           width: 100%;
           justify-content: flex-start;
         }
-
-        >.e-split-btn-wrapper,
-        >.e-dropdown-btn {
-          .e-icons.e-caret {
-            transform: rotate(-90deg);
-            margin-left: auto;
-          }
-        }
       }
 
       .e-ribbon-overflow-header {
@@ -115637,6 +115653,20 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
     }
   }
 
+  .e-ribbon-group-overflow-ddb:not(.e-rtl) {
+    .e-ribbon-overflow-target .e-ribbon-item {
+
+      >.e-split-btn-wrapper,
+      >.e-dropdown-btn {
+        .e-icons.e-caret {
+          transform: rotate(-90deg);
+          padding: $ribbon-items-margin;
+          margin: 0 0 0 auto;
+        }
+      }
+    }
+  }
+
   .e-rtl.e-ribbon-group-overflow-ddb {
     .e-ribbon-overflow-target .e-ribbon-item {
 
@@ -115644,8 +115674,8 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
       >.e-dropdown-btn {
         .e-icons.e-caret {
           transform: rotate(90deg);
-          margin-right: auto;
-          margin-left: unset;
+          padding: $ribbon-items-margin;
+          margin: 0 auto 0 0;
         }
       }
     }
@@ -115948,8 +115978,12 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
   .e-bigger.e-ribbon-group-overflow-ddb {
     .e-ribbon-overflow-target {
 
-      .e-ribbon-item > .e-input-group {
-        margin: $ribbon-bigger-overflow-wrapper-item-margin;
+      .e-ribbon-item {
+
+        & > .e-input-group,
+        .e-ribbon-template {
+          margin: $ribbon-bigger-overflow-wrapper-item-margin;
+        }
       }
 
       .e-ribbon-item > .e-checkbox-wrapper {
@@ -115957,6 +115991,30 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
         padding: 0;
       }
     }
+
+    &:not(.e-rtl) {
+      .e-ribbon-overflow-target .e-ribbon-item {
+
+        >.e-split-btn-wrapper,
+        >.e-dropdown-btn {
+          .e-icons.e-caret {
+            padding: $ribbon-bigger-items-margin;
+          }
+        }
+      }
+    }
+
+    &.e-rtl {
+      .e-ribbon-overflow-target .e-ribbon-item {
+
+        >.e-split-btn-wrapper,
+        >.e-dropdown-btn {
+          .e-icons.e-caret {
+            padding: $ribbon-bigger-items-margin;
+          }
+        }
+      }
+    }
   }
 
   .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical,

package/SCSS-Themes/inputs/rating/bootstrap-dark.scss

@@ -1,6 +1,7 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 9px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 2px !default;
 $rating-label-right-margin: 4px !default;
 $rating-label-bottom-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 4px !default;
-$rating-small-li-hover-font-size: 34px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 32px !default;
 $rating-bigger-li-line-height: 16px !default;
-$rating-bigger-li-hover-font-size: 28px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 
 $rating-bigger-small-li-font-size: 26px !default;
 $rating-bigger-small-li-line-height: 9px !default;
-$rating-bigger-small-li-hover-font-size: 28px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 22px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/inputs/rating/bootstrap.scss

@@ -1,6 +1,7 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 9px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 2px !default;
 $rating-label-right-margin: 4px !default;
 $rating-label-bottom-margin: 9px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 4px !default;
-$rating-small-li-hover-font-size: 34px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 32px !default;
 $rating-bigger-li-line-height: 16px !default;
-$rating-bigger-li-hover-font-size: 28px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 
 $rating-bigger-small-li-font-size: 26px !default;
 $rating-bigger-small-li-line-height: 9px !default;
-$rating-bigger-small-li-hover-font-size: 28px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 24px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/inputs/rating/bootstrap4.scss

@@ -1,6 +1,7 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 11px !default;
+$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-right-margin: 8px !default;
 $rating-label-bottom-margin: 4px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 4px !default;
-$rating-small-li-hover-font-size: 18px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 32px !default;
 $rating-bigger-li-line-height: 13px !default;
-$rating-bigger-li-hover-font-size: 34px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 
 $rating-bigger-small-li-font-size: 24px !default;
 $rating-bigger-small-li-line-height: 9px !default;
-$rating-bigger-small-li-hover-font-size: 26px !default;
+$rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -82,6 +83,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -206,6 +209,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -223,6 +228,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -242,6 +249,8 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss

@@ -1,6 +1,7 @@
 $rating-li-font-size: $font-icon-22 !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
+$rating-li-min-width-height: 30px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -13,18 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
 $rating-small-li-line-height: 6px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-32 !default;
 $rating-bigger-li-line-height: 13px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-28 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-26 !default;
 $rating-bigger-small-li-line-height: 13px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : $font-icon-22 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -203,6 +209,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -220,6 +228,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -239,6 +249,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/inputs/rating/bootstrap5.scss

@@ -1,6 +1,7 @@
 $rating-li-font-size: $font-icon-22 !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
+$rating-li-min-width-height: 30px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -13,18 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
 $rating-small-li-line-height: 6px !default;
+$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-32 !default;
 $rating-bigger-li-line-height: 13px !default;
+$rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-28 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-26 !default;
 $rating-bigger-small-li-line-height: 13px !default;
+$rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : $font-icon-22 !default;
@@ -79,6 +83,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
+      min-width: $rating-li-min-width-height; //font-size + padding
+      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -203,6 +209,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
+      min-height: $rating-small-li-min-width-height; //font-size + padding
+      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -220,6 +228,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
+      min-width: $rating-bigger-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -239,6 +249,8 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
+      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
+      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {