diff --git a/packages/bootstrap/scss/drawer/_variables.scss b/packages/bootstrap/scss/drawer/_variables.scss
index 26f63344eef..cff3b159ce3 100644
--- a/packages/bootstrap/scss/drawer/_variables.scss
+++ b/packages/bootstrap/scss/drawer/_variables.scss
@@ -8,6 +8,9 @@ $drawer-font-size: $font-size !default;
 $drawer-line-height: $line-height !default;
 $drawer-content-padding-x: $padding-x !default;
 $drawer-content-padding-y: $padding-y !default;
+$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
+
+$drawer-item-level-count: 5 !default;
 
 $drawer-scrollbar-width: 7px !default;
 $drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
diff --git a/packages/classic/scss/drawer/_variables.scss b/packages/classic/scss/drawer/_variables.scss
index 696b647ccc0..a409b2f43af 100644
--- a/packages/classic/scss/drawer/_variables.scss
+++ b/packages/classic/scss/drawer/_variables.scss
@@ -8,6 +8,9 @@ $drawer-font-size: $font-size !default;
 $drawer-line-height: $line-height !default;
 $drawer-content-padding-x: $padding-x !default;
 $drawer-content-padding-y: $padding-y !default;
+$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
+
+$drawer-item-level-count: 5 !default;
 
 $drawer-scrollbar-width: 7px !default;
 $drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
diff --git a/packages/default/scss/drawer/_layout.scss b/packages/default/scss/drawer/_layout.scss
index e2fb460198a..179a1f37875 100644
--- a/packages/default/scss/drawer/_layout.scss
+++ b/packages/default/scss/drawer/_layout.scss
@@ -163,6 +163,20 @@
             padding: 0 $drawer-item-padding-x;
             display: inline-block;
             white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .k-drawer-toggle {
+            margin-inline-start: auto;
+            cursor: pointer;
+        }
+
+        // Hierarchy items
+        @for $i from 1 through $drawer-item-level-count {
+            &.k-level-#{$i} {
+                padding-inline-start: ( $drawer-item-level-padding-x * $i );
+            }
         }
     }
     .k-drawer-separator {
diff --git a/packages/default/scss/drawer/_variables.scss b/packages/default/scss/drawer/_variables.scss
index 696b647ccc0..a409b2f43af 100644
--- a/packages/default/scss/drawer/_variables.scss
+++ b/packages/default/scss/drawer/_variables.scss
@@ -8,6 +8,9 @@ $drawer-font-size: $font-size !default;
 $drawer-line-height: $line-height !default;
 $drawer-content-padding-x: $padding-x !default;
 $drawer-content-padding-y: $padding-y !default;
+$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
+
+$drawer-item-level-count: 5 !default;
 
 $drawer-scrollbar-width: 7px !default;
 $drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
diff --git a/packages/material/scss/drawer/_variables.scss b/packages/material/scss/drawer/_variables.scss
index eef4e0e15c0..0f727e0dc81 100644
--- a/packages/material/scss/drawer/_variables.scss
+++ b/packages/material/scss/drawer/_variables.scss
@@ -8,6 +8,9 @@ $drawer-font-size: $font-size !default;
 $drawer-line-height: $line-height !default;
 $drawer-content-padding-x: $padding-x !default;
 $drawer-content-padding-y: $padding-y !default;
+$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
+
+$drawer-item-level-count: 5 !default;
 
 $drawer-scrollbar-width: 7px !default;
 $drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;