diff --git a/docs/.vitepress/components/IconPreview.vue b/docs/.vitepress/components/IconPreview.vue
index d9196c880..3eb03045f 100644
--- a/docs/.vitepress/components/IconPreview.vue
+++ b/docs/.vitepress/components/IconPreview.vue
@@ -54,7 +54,7 @@ const iconComponent = computed(() => {
   height: 100%;
   position: relative;
   z-index: 1;
-  color: #fff;
+  color: var(--vp-c-neutral);
   opacity: 0.8;
 }
 </style>
diff --git a/docs/.vitepress/theme/layouts/IconsLayout.vue b/docs/.vitepress/theme/layouts/IconsLayout.vue
index d94ff3b73..bb4c431df 100644
--- a/docs/.vitepress/theme/layouts/IconsLayout.vue
+++ b/docs/.vitepress/theme/layouts/IconsLayout.vue
@@ -14,5 +14,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <VPDocAsideOutline v-if="data.page?.relativePath?.startsWith?.('/icons')"/>
+  <div>
+    Categories
+    <VPDocAsideOutline v-if="data.page?.relativePath?.startsWith?.('icons')"/>
+  </div>
 </template>