diff --git a/build/scss/_layout.scss b/build/scss/_layout.scss
index 30cc106be..f38c4449e 100644
--- a/build/scss/_layout.scss
+++ b/build/scss/_layout.scss
@@ -313,6 +313,10 @@ body,
     &::before {
       margin-left: -$sidebar-width;
     }
+
+    .nav-sidebar.nav-child-indent .nav-treeview {
+      padding: 0;
+    }
   }
 
   @include media-breakpoint-down(sm) {
diff --git a/build/scss/_main-sidebar.scss b/build/scss/_main-sidebar.scss
index aea3a7e0a..4d0973f13 100644
--- a/build/scss/_main-sidebar.scss
+++ b/build/scss/_main-sidebar.scss
@@ -133,6 +133,7 @@
 
   &.nav-child-indent {
     .nav-treeview {
+      transition: padding $transition-speed $transition-fn;
       padding-left: 1rem;
     }
   }
diff --git a/build/scss/_mixins.scss b/build/scss/_mixins.scss
index a4b9c4313..11b08986d 100644
--- a/build/scss/_mixins.scss
+++ b/build/scss/_mixins.scss
@@ -147,6 +147,10 @@
       &.sidebar-focused {
         width: $sidebar-width;
 
+        .nav-sidebar.nav-child-indent .nav-treeview {
+          padding-left: 1rem;
+        }
+
         .brand-link {
           width: $sidebar-width;
         }