@syncfusion/ej2-angular-documenteditor 20.2.50 → 20.3.47

package/styles/document-editor-container/_material-definition.scss

@@ -9,8 +9,8 @@ $de-tlbr-margin-first: 12px !default;
 $de-tlbr-margin-first-big: 16px !default;
 $de-tlbr-margin-right: 6px !default;
 $de-tlbr-margin-right-big: 8px !default;
-$de-ctrnr-tblr-separator-margin: 0 5.5px  !default;
-$de-ctrnr-tblr-separator-margin-big: 0 7.5px  !default;
+$de-ctrnr-tblr-separator-margin: 0 5.5px !default;
+$de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
 $de-ctnr-margin-bottom: 12px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-ctnr-tlbr-width: calc(100% - 75px) !default;
@@ -21,15 +21,17 @@ $de-spellcheck-tlbr-margin-left: 7.5px !default;
 $de-zoom-tlbr-margin-left: calc(100% - 380px) !default;
 $de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
 $e-de-statusbar-separator-color: #ebebeb;
+
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
 $de-tool-ctnr-editor-height-big: calc(100% - 122px) !default;
+
 // Subtract statusbar height
 $de-ctnr-editor-height: calc(100% - 40px) !default;
 $de-ctnr-editor-height-big: calc(100% - 40px) !default;
 $de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px  !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px  !default;
+$de-ctrnr-tblr-item-margin: 0 6.5px !default;
+$de-ctrnr-tblr-item-margin-big: 0 6px !default;
 $de-group-btn-hgt: 28px !default;
 $de-group-btn-hgt-big: 36px !default;
 $de-prpty-btn-bg-clr: $grey-50 !default;

package/styles/document-editor-container/_material3-definition.scss

@@ -5,8 +5,8 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 4px !default;
 $de-tlbr-margin-right-big: 6px !default;
-$de-ctrnr-tblr-separator-margin: 0 14px  !default;
-$de-ctrnr-tblr-separator-margin-big: 0 16px  !default;
+$de-ctrnr-tblr-separator-margin: 0 14px !default;
+$de-ctrnr-tblr-separator-margin-big: 0 16px !default;
 $de-ctnr-margin-bottom: 12px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
@@ -22,12 +22,13 @@ $de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
 $de-tool-ctnr-editor-height-big: calc(100% - 126px) !default;
+
 // Subtract statusbar height
 $de-ctnr-editor-height: calc(100% - 42px) !default;
 $de-ctnr-editor-height-big: calc(100% - 46px) !default;
 $de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px  !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px  !default;
+$de-ctrnr-tblr-item-margin: 0 6.5px !default;
+$de-ctrnr-tblr-item-margin-big: 0 6px !default;
 $de-prop-pane-margin: 16px;
 $de-panel-header-size: $text-sm !default;
 $de-table-prop-border-margin: 8px;

package/styles/document-editor-container/_tailwind-definition.scss

@@ -5,8 +5,8 @@ $de-tlbr-margin-first: 8px !default;
 $de-tlbr-margin-first-big: 12px !default;
 $de-tlbr-margin-right: 8px !default;
 $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-ctrnr-tblr-separator-margin: 0 8px !default;
+$de-ctrnr-tblr-separator-margin-big: 0 12px !default;
 $de-ctnr-margin-bottom: 12px !default;
 $de-ctnr-margin-bottom-big: 16px !default;
 $de-group-btn-hgt: 31px !default;
@@ -22,12 +22,13 @@ $de-zoom-tlbr-margin-left-big: calc(100% - 460px) !default;
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
 $de-tool-ctnr-editor-height-big: calc(100% - 126px) !default;
+
 // Subtract statusbar height
 $de-ctnr-editor-height: calc(100% - 38px) !default;
 $de-ctnr-editor-height-big: calc(100% - 38px) !default;
 $de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px  !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px  !default;
+$de-ctrnr-tblr-item-margin: 0 6.5px !default;
+$de-ctrnr-tblr-item-margin-big: 0 6px !default;
 $de-prop-pane-margin: 16px;
 $de-panel-header-size: $text-sm !default;
 $de-table-prop-border-margin: 8px;

package/styles/document-editor-container/_theme.scss

@@ -1,5 +1,5 @@
 @include export-module('document-editor-container-theme') {
-    // sass-lint:disable-all
+    /* stylelint-disable */
     .e-de-toolbar {
         height: 100%;
     }
@@ -137,7 +137,7 @@
                 height: 40px !important;
                 button {
                     font-size: $e-de-btn-font-size-big !important;
-                    height: auto ​!important;
+                    height: auto !important;
                     @if  $skin-name !='tailwind' {
                         margin: 0 !important;
                     }
@@ -277,10 +277,12 @@
         }
     }
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),
+    .e-de-ctnr-segment-list>div:last-child:not(.e-rtl),
     .e-de-ctnr-segment>button:first-child:not(.e-rtl) {
         margin-right: $de-pane-margin-right;
     }
     .e-de-ctnr-segment.e-de-ctnr-segment-rtl>div:first-child,
+    .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl>div:last-child,
     .e-de-ctnr-segment.e-de-ctnr-segment-rtl>button:first-child {
         margin-left: $de-pane-margin-right;
         margin-right: 0;
@@ -700,7 +702,6 @@
             width: $de-text-pane-width-big;
         }
         @if $skin-name=='bootstrap4' {
-            // sass-lint:disable-all
             .e-btn-toggle .e-tbar-btn-text {
                 color: $de-toggle-btn-color !important;
             }
@@ -1272,7 +1273,7 @@
         }
     }
     .e-bigger {
-        @if $skin-name =='tailwind' or $skin-name =='bootstrap5' or $skin-name =='FluentUI' {
+        @if $skin-name =='tailwind' or $skin-name =='bootstrap5' or $skin-name =='FluentUI' or $skin-name =='bootstrap4' {
             .de-split-button>div:first-child {
                 margin-right: 0;
             }
@@ -1393,11 +1394,13 @@
         }
         
         .e-de-ctnr-segment>div:first-child:not(.e-rtl),
+        .e-de-ctnr-segment-list>div:last-child:not(.e-rtl),
         .e-de-ctnr-segment>button:first-child:not(.e-rtl) {
             margin-right: $de-pane-margin-right-big;
         }
         
         .e-de-ctnr-segment.e-de-ctnr-segment-rtl>div:first-child,
+        .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl>div:last-child,
         .e-de-ctnr-segment.e-de-ctnr-segment-rtl>button:first-child {
             margin-left: $de-pane-margin-right-big;
             margin-right: 0;
@@ -1638,7 +1641,6 @@
         .e-de-char-fmt-btn>button {
             width: 38.5px;
         }
-        // sass-lint:disable-all
         .e-de-btn-hghlclr>button:first-child {
             padding: 0 6px !important;
         }
@@ -1675,7 +1677,6 @@
             position: absolute;
             top: $de-img-span-top-big;
         }
-        // sass-lint:disable-all
         .e-btn-toggle {
             background-color: $de-toggle-bg-color !important;
             box-shadow: $de-toggle-btn-border !important;

package/styles/document-editor-container/bootstrap-dark.css

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -622,11 +630,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1447,10 +1457,12 @@
   margin-right: 0;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

package/styles/document-editor-container/bootstrap.css

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -623,11 +631,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1449,10 +1459,12 @@
   margin-right: 0;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

package/styles/document-editor-container/bootstrap4.css

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e720";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -624,11 +632,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 14px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 14px;
   margin-right: 0;
@@ -1531,7 +1541,7 @@
 }
 
 .e-bigger .de-split-button > div:first-child {
-  margin-right: 16px;
+  margin-right: 0;
 }
 .e-bigger .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
   width: 66px;
@@ -1612,10 +1622,12 @@
   margin-right: 0;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

package/styles/document-editor-container/bootstrap5-dark.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .e-de-ctnr-close::before {
   color: #adb5bd;
   content: "\e7e7";
@@ -421,6 +420,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -465,13 +469,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -481,6 +486,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -586,7 +593,7 @@
 }
 .e-bigger .e-de-ctn-title button {
   font-size: 16px !important;
-  height: auto ​ !important;
+  height: auto !important;
   margin: 0 !important;
 }
 .e-bigger .e-de-ctn-title button .e-btn-icon {
@@ -713,11 +720,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1660,10 +1669,12 @@
   margin-right: 0;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

package/styles/document-editor-container/bootstrap5.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .e-de-ctnr-close::before {
   color: #6c757d;
   content: "\e7e7";
@@ -421,6 +420,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -465,13 +469,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -481,6 +486,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -586,7 +593,7 @@
 }
 .e-bigger .e-de-ctn-title button {
   font-size: 16px !important;
-  height: auto ​ !important;
+  height: auto !important;
   margin: 0 !important;
 }
 .e-bigger .e-de-ctn-title button .e-btn-icon {
@@ -713,11 +720,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1660,10 +1669,12 @@
   margin-right: 0;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

package/styles/document-editor-container/fabric-dark.css

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -611,11 +619,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1427,10 +1437,12 @@
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

package/styles/document-editor-container/fabric.css

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -611,11 +619,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1431,10 +1441,12 @@
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;