@syncfusion/blazor-themes 20.4.38 → 20.4.41

package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss

@@ -2243,6 +2243,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/tailwind.scss

@@ -2243,6 +2243,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/fabric-dark.scss

@@ -59034,6 +59034,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -73195,7 +73200,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -75165,7 +75170,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -77787,6 +77797,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -86871,7 +86887,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -112763,6 +112779,7 @@ $rating-label-left-margin: 8px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 10px !default;
@@ -112869,6 +112886,11 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -112922,7 +112944,7 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/fabric.scss

@@ -58804,6 +58804,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -72957,7 +72962,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -74927,7 +74932,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -77551,6 +77561,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -86627,7 +86643,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -112517,6 +112533,7 @@ $rating-label-left-margin: 8px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
@@ -112623,6 +112640,11 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -112676,7 +112698,7 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss

@@ -1087,6 +1087,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/bootstrap.scss

@@ -1088,6 +1088,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss

@@ -1089,6 +1089,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss

@@ -1084,6 +1084,12 @@ $fe-drop-folder-bg-color: $primary !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss

@@ -1084,6 +1084,12 @@ $fe-drop-folder-bg-color: $primary !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss

@@ -1085,6 +1085,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/fabric.scss

@@ -1087,6 +1087,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss

@@ -1092,6 +1092,12 @@ $fe-drop-folder-bg-color: $primary !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/fluent.scss

@@ -1092,6 +1092,12 @@ $fe-drop-folder-bg-color: $primary !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/highcontrast.scss

@@ -1087,6 +1087,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/material-dark.scss

@@ -1087,6 +1087,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/material.scss

@@ -1087,6 +1087,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss

@@ -1079,6 +1079,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/filemanager/file-manager/tailwind.scss

@@ -1079,6 +1079,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {

package/SCSS-Themes/fluent-dark.scss

@@ -59461,6 +59461,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -69617,7 +69622,7 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 $pager-numericitem-border-radius: 0 !default;
@@ -73750,7 +73755,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -75720,7 +75725,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -78370,6 +78380,12 @@ $fe-drop-folder-bg-color: $primary !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -87461,7 +87477,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113382,6 +113398,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
@@ -113488,6 +113505,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -113541,7 +113563,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/fluent.scss

@@ -59462,6 +59462,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -69618,7 +69623,7 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 $pager-numericitem-border-radius: 0 !default;
@@ -73751,7 +73756,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -75721,7 +75726,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -78371,6 +78381,12 @@ $fe-drop-folder-bg-color: $primary !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -87462,7 +87478,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113383,6 +113399,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
@@ -113489,6 +113506,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -113542,7 +113564,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss

@@ -2104,7 +2104,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/bootstrap.scss

@@ -2104,7 +2104,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/bootstrap4.scss

@@ -2106,7 +2106,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss

@@ -2108,7 +2108,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/bootstrap5.scss

@@ -2108,7 +2108,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/fabric-dark.scss

@@ -2104,7 +2104,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/fabric.scss

@@ -2104,7 +2104,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/fluent-dark.scss

@@ -2108,7 +2108,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/SCSS-Themes/gantt/gantt/fluent.scss

@@ -2108,7 +2108,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {