diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index b2f61523d7..382f3ad8d7 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -105,7 +105,7 @@ export default defineUserConfig({
       lineNumbers: false,
     },
     headers: {
-      level: [2], // Generated data header levels (used for toc)
+      level: [2, 3], // Generated data header levels (used for toc)
     },
   },
 
diff --git a/docs/.vuepress/theme/assets/less/dialtone-docs.less b/docs/.vuepress/theme/assets/less/dialtone-docs.less
index 97d0c6379c..415d90348e 100644
--- a/docs/.vuepress/theme/assets/less/dialtone-docs.less
+++ b/docs/.vuepress/theme/assets/less/dialtone-docs.less
@@ -195,6 +195,12 @@ a.header-anchor {
   grid-area: toc !important;
 }
 
+.toc-item {
+  > .toc-list {
+    padding-left: var(--space-500);
+  }
+}
+
 .d-gl-docsite {
   grid-template-areas: 'content';
   grid-template-columns: [content] minmax(32rem, 99rem);