@syncfusion/blazor-themes 30.1.40 → 30.1.42

package/SCSS-Themes/fluent2-dark-lite.scss

@@ -22449,7 +22449,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -22835,7 +22835,7 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -33337,6 +33337,14 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
 
       & .e-list-parent {
         margin: 0;
@@ -57954,6 +57962,7 @@ $de-tlbr-margin-right-big: 12px !default;
 $de-ctrnr-tblr-separator-margin: 0 8px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
 $de-group-btn-hgt-big: 38px !default;
@@ -58212,6 +58221,14 @@ $de-ctnr-picture-margin-bottom: 2px;
       font-size: 18px;
     }
   }
+
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -61038,6 +61055,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -79476,7 +79497,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -83969,22 +83990,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

package/SCSS-Themes/fluent2-dark.scss

@@ -31647,7 +31647,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -32033,7 +32033,7 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -45159,6 +45159,14 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
 
       & .e-list-parent {
         margin: 0;
@@ -78425,6 +78433,7 @@ $de-tlbr-margin-right-big: 12px !default;
 $de-ctrnr-tblr-separator-margin: 0 8px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
 $de-group-btn-hgt-big: 38px !default;
@@ -78683,6 +78692,14 @@ $de-ctnr-picture-margin-bottom: 2px;
       font-size: 18px;
     }
   }
+
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -82663,6 +82680,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -105850,7 +105871,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -111311,22 +111332,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -22449,7 +22449,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -22835,7 +22835,7 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -33337,6 +33337,14 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
 
       & .e-list-parent {
         margin: 0;
@@ -57954,6 +57962,7 @@ $de-tlbr-margin-right-big: 12px !default;
 $de-ctrnr-tblr-separator-margin: 0 8px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
 $de-group-btn-hgt-big: 38px !default;
@@ -58212,6 +58221,14 @@ $de-ctnr-picture-margin-bottom: 2px;
       font-size: 18px;
     }
   }
+
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -61038,6 +61055,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -79476,7 +79497,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -83969,22 +83990,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -31647,7 +31647,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -32033,7 +32033,7 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -45159,6 +45159,14 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
 
       & .e-list-parent {
         margin: 0;
@@ -78425,6 +78433,7 @@ $de-tlbr-margin-right-big: 12px !default;
 $de-ctrnr-tblr-separator-margin: 0 8px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
 $de-group-btn-hgt-big: 38px !default;
@@ -78683,6 +78692,14 @@ $de-ctnr-picture-margin-bottom: 2px;
       font-size: 18px;
     }
   }
+
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -82663,6 +82680,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -105850,7 +105871,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -111311,22 +111332,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

package/SCSS-Themes/fluent2-lite.scss

@@ -23221,7 +23221,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -23607,7 +23607,7 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -34109,6 +34109,14 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
 
       & .e-list-parent {
         margin: 0;
@@ -58726,6 +58734,7 @@ $de-tlbr-margin-right-big: 12px !default;
 $de-ctrnr-tblr-separator-margin: 0 8px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
 $de-group-btn-hgt-big: 38px !default;
@@ -58984,6 +58993,14 @@ $de-ctnr-picture-margin-bottom: 2px;
       font-size: 18px;
     }
   }
+
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -61810,6 +61827,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -80248,7 +80269,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -84741,22 +84762,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

package/SCSS-Themes/fluent2.scss

@@ -32419,7 +32419,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 $cbox-ripple-bgcolor: transparent !default;
 $cbox-focussed-bgcolor: $cbox-hover-bgcolor !default;
 $cbox-focussed-border-color: $border-alt !default;
-$cbox-focussed-checkmark-bgcolor: $content-bg-color !default;
+$cbox-focussed-checkmark-bgcolor: $primary !default;
 $cbox-focussed-checkmark-border-color: $primary !default;
 $cbox-focussed-checkmark-color: $primary-text-color !default;
 $cbox-border-style: solid !default;
@@ -32805,7 +32805,7 @@ $cbox-border-style: solid !default;
             }
 
             &.e-stop {
-              background-color: $cbox-focussed-checkmark-bgcolor;
+              background-color: $cbox-indeterminate-bgcolor;
               border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
@@ -45931,6 +45931,14 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
           cursor: default;
         }
       }
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
 
       & .e-list-parent {
         margin: 0;
@@ -79197,6 +79205,7 @@ $de-tlbr-margin-right-big: 12px !default;
 $de-ctrnr-tblr-separator-margin: 0 8px !default;
 $de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
+$de-tbl-merge-cell: 10px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
 $de-group-btn-hgt-big: 38px !default;
@@ -79455,6 +79464,14 @@ $de-ctnr-picture-margin-bottom: 2px;
       font-size: 18px;
     }
   }
+
+  .e-de-contextmenu-wrapper {
+    .e-lib.e-contextmenu.e-control.e-menu-parent {
+      .e-blankicon {
+        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -83435,6 +83452,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -106622,7 +106643,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -112083,22 +112104,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
   
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

package/SCSS-Themes/gantt/gantt/bds-dark-lite.scss

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/bds-lite.scss

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $grey-f5 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $grey-f5 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,