diff --git a/docs/.vuepress/components/HumanPractices.vue b/docs/.vuepress/components/HumanPractices.vue
index bb3a517432ef1bb41c8b0548e7b523cfc98e02fa..8bee2920a5e51742719b24384dc6d4adf38f0e37 100644
--- a/docs/.vuepress/components/HumanPractices.vue
+++ b/docs/.vuepress/components/HumanPractices.vue
@@ -13,7 +13,7 @@ export default {
     },
     sidebarWidth: {
       type: String,
-      default: '18rem',
+      default: '18rem', // Default value for sidebar width, adjust if needed
     },
   },
 }
@@ -23,7 +23,7 @@ export default {
 .banner {
   position: relative;
   left: 0;
-  width: calc(100% - var(--sidebar-width)); /* Dynamic width calculation */
+  width: calc(100% - 18rem); /* Use the default value for calculation */
   max-width: 100%;
   display: block;
   margin: 0 auto;
@@ -35,8 +35,8 @@ export default {
 }
 @media (max-width: 768px) {
   .banner {
-    width: 100%;
-    right: 0; /* Adjust for smaller screens */
+    width: 100%; /* Adjust to full width for smaller screens */
+    right: 0; /* No offset on smaller screens */
   }
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 5ba03602c40f5717db6d885254ee6810bd35a78a..fc0d0b7d78e311640a3441a74d3731c27f9c4b3b 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -44,16 +44,50 @@ export default defineUserConfig({
       },
     ],
     sidebar: {
+      '/team/': [
+        {
+          text: 'Team',
+          children: [
+            '/team/', // Corresponds to '/team/README.md' or '/team/index.md'
+            '/team/attributions', // Corresponds to '/team/attributions.md'
+          ],
+        },
+      ],
+      '/project/': [
+        {
+          text: 'Project',
+          children: [
+            '/project/contribution',
+            '/project/description',
+            '/project/engineering',
+            '/project/parts',
+          ],
+        },
+      ],
+      '/human-practices/': [
+        {
+          text: 'Human Practices',
+          children: ['/human-practices/'], // Make sure file path exists
+        },
+      ],
+      '/awards/': [
+        {
+          text: 'Awards',
+          children: [
+            '/awards/education',
+            '/awards/sustainable',
+            '/awards/new-basic-part',
+          ],
+        },
+      ],
       '/': [
         {
-          title: 'On This Page', // Title for the sidebar
-          children: 'auto', // Automatically generate based on headers
+          text: 'On This Page',
+          children: 'auto',
         },
       ],
-      '/team': false, // Disable sidebar on team page
+      '/team': false, // Disable sidebar on /team path (if needed)
     },
-    sidebarDepth: 2, // Controls depth of headers in sidebar
-    displayAllHeaders: true, // Show all headers in the sidebar
   }),
   bundler: viteBundler({
     viteOptions: {},
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index 3994ffbe893b0c2722fae24dd6b0005f0dac7f22..24aaf34fed9ea4df66923256a00bcc8840f5c70b 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -45,7 +45,7 @@ height: 50px; /* Adjust based on your image size */
   top: 1rem; /* Space from the top of the page */
   max-height: calc(100vh - 2rem); /* Full height minus some margin */
   overflow-y: auto; /* Enable vertical scrolling */
-  width: var(--sidebar-width); /* Use the theme's sidebar width */
+  width: 18rem; /* Ensure sidebar width is explicitly defined */
   background-color: #f9f9f9; /* Optional: Background color */
   padding: 1rem; /* Sidebar padding */
   border: 1px solid #ddd; /* Optional: Border for the sidebar */