@syncfusion/ej2-navigations 26.1.35 → 26.1.38

package/styles/bootstrap5-dark.css

@@ -2886,9 +2886,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2965,10 +2965,10 @@
   color: #6ea8fe;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #444c54;

package/styles/bootstrap5.css

@@ -2886,9 +2886,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2965,10 +2965,10 @@
   color: #0c63e4;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #dee2e6;

package/styles/fabric-dark.css

@@ -2819,9 +2819,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #414040;
+  background: #414040;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #414040;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
   color: #dadada;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #414040;

package/styles/fabric.css

@@ -2820,9 +2820,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f4f4f4;
+  background: #f4f4f4;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f4f4f4;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2899,10 +2899,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #eaeaea;

package/styles/fluent-dark.css

@@ -2859,9 +2859,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f3f2f1;
+  background: #252423;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #252423;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2938,10 +2938,10 @@
   color: #a19f9d;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #292827;

package/styles/fluent.css

@@ -2859,9 +2859,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #201f1e;
+  background: #f3f2f1;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f2f1;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2938,10 +2938,10 @@
   color: #605e5c;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #edebe9;

package/styles/fluent2.css

@@ -3971,15 +3971,19 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
   color: var(--color-sf-content-text-color);
 }
+.e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+}
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
   color: var(--color-sf-content-text-color);
 }
@@ -4050,10 +4054,14 @@
   color: var(--color-sf-icon-color);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent;
@@ -9383,7 +9391,7 @@
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 8px;
 }
 .e-bigger .e-treeview .e-icon-collapsible,
 .e-bigger .e-treeview .e-icon-expandable,
@@ -9455,7 +9463,7 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 12px;
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -9478,7 +9486,13 @@
 .e-bigger .e-treeview .e-list-img,
 .e-treeview.e-bigger .e-list-icon,
 .e-treeview.e-bigger .e-list-img {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 16px;
+}
+.e-bigger .e-treeview .e-list-icon + .e-list-text,
+.e-bigger .e-treeview .e-list-img + .e-list-text,
+.e-treeview.e-bigger .e-list-icon + .e-list-text,
+.e-treeview.e-bigger .e-list-img + .e-list-text {
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9538,7 +9552,7 @@
 .e-bigger .e-treeview.e-rtl .e-list-img,
 .e-treeview.e-bigger.e-rtl .e-list-icon,
 .e-treeview.e-bigger.e-rtl .e-list-img {
-  margin: 0 12px 0 0;
+  margin: 0 16px 0 0;
 }
 .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
 .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -9687,7 +9701,7 @@
   margin: 0 0 0 4px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 4px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -9721,7 +9735,7 @@
 .e-treeview .e-list-img {
   display: inline-block;
   height: 18px;
-  margin: 0 0 0 6px;
+  margin: 0 0 0 12px;
   vertical-align: middle;
   width: 18px;
 }

package/styles/highcontrast-light.css

@@ -2819,9 +2819,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #000;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
   color: #000;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #757575;

package/styles/highcontrast.css

@@ -2820,9 +2820,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #fff;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2899,10 +2899,10 @@
   color: #fff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #969696;

package/styles/material-dark.css

@@ -2927,9 +2927,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(255, 255, 255, 0.05);
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: rgba(255, 255, 255, 0.05);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3006,10 +3006,10 @@
   color: rgba(255, 255, 255, 0.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent #616161;

package/styles/material.css

@@ -2927,9 +2927,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #eee;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #eee;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3006,10 +3006,10 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent rgba(0, 0, 0, 0.12);

package/styles/material3-dark.css

@@ -2969,9 +2969,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(var(--color-sf-on-surface), 0.04);
   -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
           box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3048,10 +3048,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/material3.css

@@ -3025,9 +3025,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(var(--color-sf-on-surface), 0.04);
   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
           box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3104,10 +3104,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/tailwind-dark.css

@@ -2966,9 +2966,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #4b5563;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #4b5563;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3045,10 +3045,10 @@
   color: #d1d5db;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;

package/styles/tailwind.css

@@ -2966,9 +2966,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f3f4f6;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f4f6;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3045,10 +3045,10 @@
   color: #6b7280;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;

package/styles/treeview/_fluent2-definition.scss

@@ -23,7 +23,7 @@ $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 12px !default;
 $treeview-text-margin: 0 !default;
 $treeview-image-size: 18px !default;
-$treeview-image-margin: 0 0 0 6px !default;
+$treeview-image-margin: 0 0 0 12px !default;
 $treeview-navigable-icon-image-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-check-margin-bigger: 0 0 0 12px !default;
@@ -38,7 +38,7 @@ $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 4px !default;
 $treeview-rtl-check-margin: 0 4px 0 0 !default;
-$treeview-check-text-padding: 0 12px !default;
+$treeview-check-text-padding: 0 4px !default;
 $treeview-check-image-margin: 0 0 0 4px !default;
 $treeview-rtl-check-image-margin: 0 4px 0 0 !default;
 $treeview-drop-count-border-size: 1px !default;
@@ -54,11 +54,11 @@ $treeview-icon-img-wrap-width: calc(100% - 60px) !default;
 $treeview-big-item-height: 40px !default;
 $treeview-big-text-height: 38px !default;
 $treeview-big-input-height: 40px !default;
-$treeview-big-text-padding: 0 12px !default;
+$treeview-big-text-padding: 0 16px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 0px !default;
-$treeview-big-image-margin: 0 0 0 12px !default;
-$treeview-big-rtl-image-margin: 0 12px 0 0 !default;
+$treeview-big-image-margin: 0 0 0 16px !default;
+$treeview-big-rtl-image-margin: 0 16px 0 0 !default;
 $treeview-big-icon-image-margin: 0 0 0 16px !default;
 $treeview-big-rtl-icon-image-margin: 0 16px 0 0 !default;
 $treeview-big-check-margin: 0 0 0 8px !default;
@@ -69,7 +69,7 @@ $treeview-big-root-ul-padding: 0 0 0 16px !default;
 $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
 $treeview-big-child-ul-padding: 0 0 0 24px !default;
 $treeview-big-rtl-child-ul-padding: 0 24px 0 0 !default;
-$treeview-big-image-text-padding: 0 12px !default;
+$treeview-big-image-text-padding: 0 16px !default;
 $treeview-big-icon-margin: 0 0 0 -16px !default;
 $treeview-big-rtl-icon-margin: 0 -16px 0 0 !default;
 $treeview-big-text-wrap-padding: 0 0 0 24px !default;
@@ -78,7 +78,7 @@ $treeview-big-drag-icon-font-size: $text-2xl !default;
 $treeview-big-drag-item-text-padding-left: 12px !default;
 $treeview-big-drag-icon-margin: -6px 0px 5px -9px !default;
 $treeview-big-drag-before-icon-padding: 6px !default;
-$treeview-big-check-text-padding: 0 12px !default;
+$treeview-big-check-text-padding: 0 8px !default;
 $treeview-big-check-wrap-width: calc(100% - 29px) !default;
 $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
 $treeview-big-check-icon-img-wrap-width: calc(100% - 101px) !default;

package/styles/treeview/_layout.scss

@@ -259,7 +259,7 @@
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
       }
-      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
         }

package/styles/treeview/fluent2.css

@@ -1294,7 +1294,7 @@
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 8px;
 }
 .e-bigger .e-treeview .e-icon-collapsible,
 .e-bigger .e-treeview .e-icon-expandable,
@@ -1366,7 +1366,7 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 12px;
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -1389,7 +1389,13 @@
 .e-bigger .e-treeview .e-list-img,
 .e-treeview.e-bigger .e-list-icon,
 .e-treeview.e-bigger .e-list-img {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 16px;
+}
+.e-bigger .e-treeview .e-list-icon + .e-list-text,
+.e-bigger .e-treeview .e-list-img + .e-list-text,
+.e-treeview.e-bigger .e-list-icon + .e-list-text,
+.e-treeview.e-bigger .e-list-img + .e-list-text {
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -1449,7 +1455,7 @@
 .e-bigger .e-treeview.e-rtl .e-list-img,
 .e-treeview.e-bigger.e-rtl .e-list-icon,
 .e-treeview.e-bigger.e-rtl .e-list-img {
-  margin: 0 12px 0 0;
+  margin: 0 16px 0 0;
 }
 .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
 .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -1598,7 +1604,7 @@
   margin: 0 0 0 4px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 4px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -1632,7 +1638,7 @@
 .e-treeview .e-list-img {
   display: inline-block;
   height: 18px;
-  margin: 0 0 0 6px;
+  margin: 0 0 0 12px;
   vertical-align: middle;
   width: 18px;
 }