diff --git a/docs/src/.vuepress/theme/index.ts b/docs/src/.vuepress/theme/index.ts
index f6021c7d..db0218ec 100644
--- a/docs/src/.vuepress/theme/index.ts
+++ b/docs/src/.vuepress/theme/index.ts
@@ -104,21 +104,31 @@ export default {
           text: 'Examples',
           children: [
             '/examples/',
-            '/examples/custom-node',
-            '/examples/edges',
-            '/examples/nesting',
-            '/examples/connectionline',
-            '/examples/updatable-edge',
-            '/examples/update-node',
-            '/examples/validation',
+            {
+              text: 'Nodes',
+              children: [
+                '/examples/nodes/',
+                '/examples/nodes/update-node',
+                '/examples/nodes/nesting',
+              ]
+            },
+            {
+              text: 'Edges',
+              children: [
+                '/examples/edges/',
+                '/examples/edges/updatable-edge',
+                '/examples/edges/connection-line',
+                '/examples/edges/validation',
+              ]
+            },
             '/examples/save',
             '/examples/dnd',
             '/examples/empty',
             '/examples/hidden',
-            '/examples/interaction',
-            '/examples/multi',
             '/examples/horizontal',
+            '/examples/interaction',
             '/examples/teleport',
+            '/examples/multi',
             '/examples/pinia',
             '/examples/stress',
           ],
diff --git a/docs/src/.vuepress/theme/layouts/default.vue b/docs/src/.vuepress/theme/layouts/default.vue
index ad7a8e08..ed526091 100644
--- a/docs/src/.vuepress/theme/layouts/default.vue
+++ b/docs/src/.vuepress/theme/layouts/default.vue
@@ -21,7 +21,7 @@ import DiscordIcon from '~icons/logos/discord-icon'
           aria-label="GitHub"
           class="relative group cursor-pointer flex justify-center items-center"
         >
-          <GithubIcon class="text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
+          <GithubIcon class="text-lg lg:text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
           <span class="transition-opacity ease-in duration-200 opacity-0 group-hover:opacity-100 bg-black dark:bg-white text-white dark:text-black rounded-md p-2 absolute top-[25px] right-0 mt-2 mr-2 text-xs">
             Contribute on GitHub!
           </span>
@@ -32,7 +32,7 @@ import DiscordIcon from '~icons/logos/discord-icon'
           aria-label="Discord"
           class="relative group cursor-pointer flex justify-center items-center"
         >
-          <DiscordIcon class="text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
+          <DiscordIcon class="text-lg lg:text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
           <span class="transition-opacity ease-in duration-200 opacity-0 group-hover:opacity-100 bg-black dark:bg-white text-white dark:text-black rounded-md p-2 absolute top-[25px] right-0 mt-2 mr-2 text-xs">
             Join the Discord server!
           </span>
@@ -43,7 +43,7 @@ import DiscordIcon from '~icons/logos/discord-icon'
           aria-label="React Flow"
           class="relative group cursor-pointer flex justify-center items-center"
         >
-          <ReactIcon class="text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
+          <ReactIcon class="text-lg lg:text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
           <span class="transition-opacity ease-in duration-200 opacity-0 group-hover:opacity-100 bg-black dark:bg-white text-white dark:text-black rounded-md p-2 absolute top-[25px] right-0 mt-2 text-xs">
             Check out the original React Flow by Wbkd!
           </span>
diff --git a/docs/src/examples/connectionline.md b/docs/src/examples/edges/connection-line.md
similarity index 100%
rename from docs/src/examples/connectionline.md
rename to docs/src/examples/edges/connection-line.md
diff --git a/docs/src/examples/edges.md b/docs/src/examples/edges/index.md
similarity index 100%
rename from docs/src/examples/edges.md
rename to docs/src/examples/edges/index.md
diff --git a/docs/src/examples/updatable-edge.md b/docs/src/examples/edges/updatable-edge.md
similarity index 100%
rename from docs/src/examples/updatable-edge.md
rename to docs/src/examples/edges/updatable-edge.md
diff --git a/docs/src/examples/validation.md b/docs/src/examples/edges/validation.md
similarity index 100%
rename from docs/src/examples/validation.md
rename to docs/src/examples/edges/validation.md
diff --git a/docs/src/examples/custom-node.md b/docs/src/examples/nodes/index.md
similarity index 100%
rename from docs/src/examples/custom-node.md
rename to docs/src/examples/nodes/index.md
diff --git a/docs/src/examples/nesting.md b/docs/src/examples/nodes/nesting.md
similarity index 100%
rename from docs/src/examples/nesting.md
rename to docs/src/examples/nodes/nesting.md
diff --git a/docs/src/examples/update-node.md b/docs/src/examples/nodes/update-node.md
similarity index 100%
rename from docs/src/examples/update-node.md
rename to docs/src/examples/nodes/update-node.md