@syncfusion/ej2-angular-navigations 19.3.43 → 19.3.53

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 ## [Unreleased]
 
+## 19.3.46 (2021-10-19)
+
+### Tab
+
+#### Bug Fixes
+
+- `#I344626` - An issue with the tab header and content items are not updated on state change has been fixed.
+
+## 19.3.45 (2021-10-12)
+
+### Breadcrumb
+
+#### Bug Fixes
+
+- Disabled item get tab focus when item's URL is specified issue has been resolved.
+
+## 19.3.43 (2021-09-30)
+
 ### Tab
 
 #### Bug Fixes

package/README.md

@@ -25,11 +25,11 @@ Following list of components are available in the package
   * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html)
   * [Product Page](https://www.syncfusion.com/products/angular/accordion)
 
-  * Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
+* Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
 
   * [Getting Started](https://ej2.syncfusion.com/angular/documentation/breadcrumb/getting-started?lang=typescript&utm_source=npm&utm_campaign=breadcrumb)
   * [API References](https://ej2.syncfusion.com/angular/documentation/api/breadcrumb?utm_source=npm&utm_campaign=breadcrumb)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=contextmenu#/material/breadcrumb/default)
+  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=breadcrumb#/material/breadcrumb/default)
   * [Product Page](https://www.syncfusion.com/angular-ui-components/angular-breadcrumb)
 
 * ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
@@ -103,10 +103,10 @@ Sidebar component is used in the following samples.
 
 ### Breadcrumb
 
-1. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
-2. **Icons** - Icons can be specified in Breadcrumb items.
-3. **Template** - Supports template for item and separator.
-4. **Bind To Location** - Supports items to be rendered based on the URL or current location.
+1. **Icons** - Icons can be specified in Breadcrumb items.
+2. **Template** - Supports template for item and separator.
+3. **Bind To Location** - Supports items to be rendered based on the URL or current location.
+4. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
 5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
 
 ### ContextMenu

package/dist/ej2-angular-navigations.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-navigations.umd.js
-*  version : 19.3.43
+*  version : 19.3.53
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-angular-navigations.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-navigations.umd.min.js
-*  version : 19.3.43
+*  version : 19.3.53
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-navigations@*",
-  "_id": "@syncfusion/ej2-angular-navigations@19.24.0",
+  "_id": "@syncfusion/ej2-angular-navigations@19.3.46",
   "_inBundle": false,
-  "_integrity": "sha512-h4jBqk1VPXGPJ6hx5VrgUHTLjwPHH09RJjbGwjf306dnseWgF0WsSl41WGP40Eh7kz+9uOFHKL3AtiFqBaApGg==",
+  "_integrity": "sha512-dmehA9aLAN+WY2D6CH4UdKRuPwhcfBElyBfX37287gVt3Fo1nbQNKjd3/f/AGl1ATUGaZhXnDcHdLgnfSjzYfw==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-19.24.0.tgz",
-  "_shasum": "e07b25f90187b92319272158a3faaff75ab0f1f8",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-19.3.46.tgz",
+  "_shasum": "00651b86c16e44d7fe835cacd0c8b726248c7568",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~19.3.43",
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-navigations": "19.3.43"
+    "@syncfusion/ej2-angular-base": "~19.3.53",
+    "@syncfusion/ej2-base": "~19.3.53",
+    "@syncfusion/ej2-navigations": "19.3.53"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for Angular",
@@ -82,6 +82,18 @@
     "context menu",
     "contextmenu",
     "breadcrumb",
+    "breadcrumb navigation",
+    "breadcrumb trail",
+    "ej2 breadcrumb",
+    "navigation links",
+    "navigational aid",
+    "previous page navigation",
+    "current page hierarchy",
+    "current page location",
+    "path of url",
+    "trace page location",
+    "list of breadcrumb links",
+    "breadcrumb routing",
     "ej2 contextmenu",
     "tab-directive",
     "toolbar-directive",
@@ -155,7 +167,8 @@
     "ng-menu",
     "angular menu",
     "angular menubar",
-    "angular breadcrumb"
+    "angular breadcrumb",
+    "ng breadcrumb"
   ],
   "license": "SEE LICENSE IN license",
   "main": "dist/ej2-angular-navigations.umd.js",
@@ -169,5 +182,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-navigations.d.ts",
-  "version": "19.3.43"
+  "version": "19.3.53"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-navigations";
-export declare const pkgVer = "^19.24.0";
+export declare const pkgVer = "^19.3.46";
 export declare const moduleName = "AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, TabModule, TreeViewModule, SidebarModule, MenuModule";
-export declare const themeVer = "~19.24.0";
+export declare const themeVer = "~19.3.46";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-navigations';
-exports.pkgVer = '^19.24.0';
+exports.pkgVer = '^19.3.46';
 exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, TabModule, TreeViewModule, SidebarModule, MenuModule';
-exports.themeVer = '~19.24.0';
+exports.themeVer = '~19.3.46';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-navigations';
-export const pkgVer = '^19.24.0';
+export const pkgVer = '^19.3.46';
 export const moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, TabModule, TreeViewModule, SidebarModule, MenuModule';
-export const themeVer = '~19.24.0';
+export const themeVer = '~19.3.46';

package/styles/bootstrap-dark.css

@@ -2941,8 +2941,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -9390,6 +9390,7 @@ ejs-sidebar {
 
 /*! breadcrumb layout */
 .e-breadcrumb {
+  display: block;
   background-color: #2a2a2a;
   border-radius: 4px;
 }
@@ -9492,6 +9493,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9562,6 +9570,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap.css

@@ -2953,8 +2953,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -9409,6 +9409,7 @@ ejs-sidebar {
 
 /*! breadcrumb layout */
 .e-breadcrumb {
+  display: block;
   background-color: #f5f5f5;
   border-radius: 4px;
 }
@@ -9511,6 +9512,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9581,6 +9589,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap4.css

@@ -3046,8 +3046,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -9710,6 +9710,7 @@ ejs-sidebar {
 
 /*! breadcrumb layout */
 .e-breadcrumb {
+  display: block;
   background-color: #e9ecef;
   border-radius: 4px;
 }
@@ -9812,6 +9813,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -7px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9882,6 +9890,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap5-dark.css

@@ -2939,8 +2939,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -6210,7 +6210,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #212529;
   border: none;
 }
 
@@ -9642,6 +9642,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9750,6 +9754,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -9829,6 +9840,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap5.css

@@ -2939,8 +2939,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -6210,7 +6210,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #fff;
   border: none;
 }
 
@@ -9642,6 +9642,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9750,6 +9754,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -9829,6 +9840,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap-dark.css

@@ -9,6 +9,7 @@
 
 /*! breadcrumb layout */
 .e-breadcrumb {
+  display: block;
   background-color: #2a2a2a;
   border-radius: 4px;
 }
@@ -111,6 +112,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -181,6 +189,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap.css

@@ -9,6 +9,7 @@
 
 /*! breadcrumb layout */
 .e-breadcrumb {
+  display: block;
   background-color: #f5f5f5;
   border-radius: 4px;
 }
@@ -111,6 +112,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -181,6 +189,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap4.css

@@ -9,6 +9,7 @@
 
 /*! breadcrumb layout */
 .e-breadcrumb {
+  display: block;
   background-color: #e9ecef;
   border-radius: 4px;
 }
@@ -111,6 +112,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -7px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -181,6 +189,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap5-dark.css

@@ -17,6 +17,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -125,6 +129,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -204,6 +215,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap5.css

@@ -17,6 +17,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -125,6 +129,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -204,6 +215,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/fabric-dark.css

@@ -8,6 +8,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -105,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -177,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/breadcrumb/fabric.css

@@ -8,6 +8,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -105,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -177,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/breadcrumb/highcontrast-light.css

@@ -8,6 +8,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -105,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -177,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;
@@ -243,7 +259,7 @@
   color: #000;
 }
 
-.e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
+.e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
   color: #fff;
 }
 

package/styles/breadcrumb/highcontrast.css

@@ -8,6 +8,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -105,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -177,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;
@@ -243,7 +259,7 @@
   color: #fff;
 }
 
-.e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
+.e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
   color: #000;
 }
 

package/styles/breadcrumb/material-dark.css

@@ -18,6 +18,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -105,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -165,6 +176,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/material.css

@@ -18,6 +18,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -105,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -165,6 +176,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/tailwind-dark.css

@@ -9,6 +9,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -112,6 +116,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -187,6 +198,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/tailwind.css

@@ -9,6 +9,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -112,6 +116,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -187,6 +198,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/fabric-dark.css

@@ -9366,6 +9366,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9463,6 +9467,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -9535,6 +9546,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/fabric.css

@@ -9376,6 +9376,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9473,6 +9477,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -9545,6 +9556,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/highcontrast-light.css

@@ -9707,6 +9707,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9804,6 +9808,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -9876,6 +9887,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;
@@ -9942,7 +9958,7 @@ ejs-sidebar {
   color: #000;
 }
 
-.e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
+.e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
   color: #fff;
 }
 

package/styles/highcontrast.css

@@ -9736,6 +9736,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9833,6 +9837,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -9905,6 +9916,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;
@@ -9971,7 +9987,7 @@ ejs-sidebar {
   color: #fff;
 }
 
-.e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
+.e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
   color: #000;
 }
 

package/styles/material-dark.css

@@ -9232,6 +9232,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9319,6 +9323,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9379,6 +9390,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/material.css

@@ -9249,6 +9249,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9336,6 +9340,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9396,6 +9407,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/tab/bootstrap-dark.css

@@ -137,8 +137,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap.css

@@ -143,8 +143,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap4.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap5-dark.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -3411,7 +3411,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #212529;
   border: none;
 }
 

package/styles/tab/bootstrap5.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -3411,7 +3411,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #fff;
   border: none;
 }
 

package/styles/tailwind-dark.css

@@ -9313,6 +9313,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9416,6 +9420,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9491,6 +9502,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/tailwind.css

@@ -9313,6 +9313,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9416,6 +9420,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9491,6 +9502,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;