diff --git a/docs/node/index.md b/docs/node/index.md
index 906931569..0f767c29e 100644
--- a/docs/node/index.md
+++ b/docs/node/index.md
@@ -15,7 +15,8 @@ This section provides instructions to help you build a **Fleek Network Node**, i
 To participate in the [alpha Testnet](/docs/roadmap), you can begin by setting up and running nodes. Check the [requirements](/docs/node/requirements) and find the [onboarding instructions](/docs/node/testnet-onboarding) to enable you to [install](/docs/node/install) a network node successfully.
 :::
 
-# Node operator {#node-operator}
+## Node operator {#node-operator}
+
 ---
 
 A **Node Operator** is represented as a system administrator who builds, installs or maintains one or many nodes in a server or more.
diff --git a/sidebars.js b/sidebars.js
index 846e4d6e9..251ed3355 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -24,6 +24,7 @@ const sidebars = {
       label: 'Learn',
       collapsed: true,
       collapsible: true,
+      link: {type: 'doc', id: 'learn/index'},
       items: [
         'learn/index',
         'learn/the-network',
@@ -38,6 +39,7 @@ const sidebars = {
       label: 'Node',
       collapsed: true,
       collapsible: true,
+      link: {type: 'doc', id: 'node/index'},
       items: [
         'node/index',
         'node/requirements',
@@ -71,6 +73,7 @@ const sidebars = {
       label: 'Open-source',
       collapsed: true,
       collapsible: true,
+      link: {type: 'doc', id: 'Open-source/code-of-conduct'},
       items: [
         'Open-source/code-of-conduct',
         'Open-source/contributing',
diff --git a/src/css/custom.css b/src/css/custom.css
index 5cc5197ce..519170080 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -5,18 +5,18 @@
  */
 
 /* You can override the default Infima variables here. */
-@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap");
 
 @font-face {
-  font-family: 'Atyp';
-  src: url('/fonts/AtypDisplay-Regular.woff2') format('woff2') font-weight 400;
-  src: url('/fonts/AtypDisplay-Medium.woff2') format('woff2') font-weight 500;
-  src: url('/fonts/AtypDisplay-Semibold.woff2') format('woff2') font-weight 600;
-  src: url('/fonts/AtypDisplay-Bold.woff2') format('woff2') font-weight 700;
+  font-family: "Atyp";
+  src: url("/fonts/AtypDisplay-Regular.woff2") format("woff2") font-weight 400;
+  src: url("/fonts/AtypDisplay-Medium.woff2") format("woff2") font-weight 500;
+  src: url("/fonts/AtypDisplay-Semibold.woff2") format("woff2") font-weight 600;
+  src: url("/fonts/AtypDisplay-Bold.woff2") format("woff2") font-weight 700;
 }
 
 :root {
-  --ifm-font-family-base: 'IBM Plex Mono', sans-serif;  /* Set the default font to IBM Plex Sans */
+  --ifm-font-family-base: "IBM Plex Mono", sans-serif; /* Set the default font to IBM Plex Sans */
   --ifm-color-primary: #000;
   --ifm-color-primary-dark: #000033;
   --ifm-color-primary-darkest: #0048f8;
@@ -29,16 +29,18 @@
   /* NEw COLORS */
   --background-color: #fff;
   --text-color: #202020;
-  --link-active: #9E6C00;
+  --link-active: #9e6c00;
   --neutral-6: #d9d9d9;
-  
+  --neutral-7: #cecece;
+  --neutral-11: #646464;
+
   --ifm-navbar-background-color: var(--background-color);
   --ifm-navbar-link-color: var(--text-color);
   --ifm-navbar-link-hover-color: var(--link-active);
 
   --ifm-menu-color: var(--text-color);
   --sidebar-menu-item_border: #d9d9d9;
-  
+
   --ifm-color-primary-darker: var(--link-active);
 
   --ifm-footer-link-color: var(--text-color);
@@ -49,10 +51,22 @@
   --ifm-pagination-nav-color-hover: var(--link-active);
   --ifm-font-weight-base: var(--ifm-font-weight-light);
   --ifm-heading-color: var(--text-color);
+  --docsearch-searchbox-focus-background: var(--background-color) !important;
+  --docsearch-modal-background: var(--background-color) !important;
+  --docsearch-hit-background: var(--neutral-6) !important;
+  --docsearch-hit-active-color: var(--link-active) !important;
+  --docsearch-highlight-color: var(--text-color) !important;
+  --docsearch-text-color: var(--text-color) !important;
+  --docsearch-hit-color: var(--text-color) !important;
+  --docsearch-muted-color: var(--text-color) !important;
+
+  --ifm-link-color: var(--text-color);
+  --ifm-color-content-secondary: var(--text-color) !important;
+  --docsearch-primary-color: var(--text-color) !important;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
-[data-theme='dark'] {
+[data-theme="dark"] {
   --ifm-color-primary: #fff;
   --ifm-color-primary-dark: #98beff;
   --ifm-color-primary-darkest: #0048f8;
@@ -63,18 +77,13 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
-@import url('./navbar.css');
-@import url('./sidebar.css');
-@import url('./tags.css');
-@import url('./pagination-nav.css');
-@import url('./breadcrumbs.css');
-@import url('./typography.css');
-@import url('./toc.css');
-
-:root {
-  --docsearch-modal-background: #000 !important;
-  --custom-color-gray-blue: rgb(62 72 105 / 37.5%);
-}
+@import url("./navbar.css");
+@import url("./sidebar.css");
+@import url("./tags.css");
+@import url("./pagination-nav.css");
+@import url("./breadcrumbs.css");
+@import url("./typography.css");
+@import url("./toc.css");
 
 .main-wrapper a,
 .main-wrapper span,
@@ -92,16 +101,22 @@
   z-index: -1;
 }
 
-html[data-theme='dark'] {
+html[data-theme="dark"] {
   background: var(--background-color);
   color: var(--text-color);
 }
 
-[data-theme='dark'] .footer {
+[data-theme="dark"] .footer {
   background: transparent;
   border-top: 1px solid var(--neutral-6);
 }
 
+div[class*="docRoot_node_modules-@docusaurus-theme-classic-lib-theme-DocRoot-Layout-styles-module"] {
+  max-width: 1440px;
+  margin: 0 auto;
+  width: 100%;
+}
+
 .alert {
   background: transparent;
   border: 1px solid var(--sidebar-menu-item_border);
@@ -135,10 +150,6 @@ div[class*=" searchLogoColumn"],
   display: none;
 }
 
-div[class*="docItemContainer"] {
-  padding: 20px;
-}
-
 @media (min-width: 996px) {
   .footer .container {
     padding: 0;
@@ -156,8 +167,8 @@ div[class*="docItemContainer"] {
 
 @media (max-width: 996px) {
   .footer__col {
-      margin-bottom: 0;
-      flex-basis: 0;
+    margin-bottom: 0;
+    flex-basis: 0;
   }
 
   .footer__links {
@@ -166,11 +177,9 @@ div[class*="docItemContainer"] {
     padding-left: 4rem;
   }
 
-
   .footer__title {
     display: none;
   }
-
 }
 
 /* Main wrapper */
@@ -207,8 +216,7 @@ main > .container > .row {
 .DocSearch-Button:hover svg {
   opacity: 1;
 }
-§
-.DocSearch-Container > .DocSearch-Modal,
+§ .DocSearch-Container > .DocSearch-Modal,
 .DocSearch-Modal .DocSearch-Form {
   box-shadow: none;
   border: 1px solid var(--ifm-toc-border-color);
@@ -269,9 +277,7 @@ article h1,
   border-left-style: dashed;
 }
 
-.markdown img
-
-.table-of-contents li a:hover {
+.markdown img .table-of-contents li a:hover {
   text-decoration: underline;
 }
 
@@ -293,8 +299,7 @@ article h1,
   text-transform: capitalize;
 }
 
-
-.youtube-player iframe { 
+.youtube-player iframe {
   width: 100%;
   aspect-ratio: 16 / 9;
 }
@@ -305,4 +310,4 @@ article h1,
 
 aside.theme-doc-sidebar-container {
   border-right: none;
-}
\ No newline at end of file
+}
diff --git a/src/css/navbar.css b/src/css/navbar.css
index 9721a0fa7..fe2b03075 100644
--- a/src/css/navbar.css
+++ b/src/css/navbar.css
@@ -1,7 +1,9 @@
 .navbar {
   box-shadow: none;
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+  padding: 3rem 0.5rem;
+  max-width: 1440px;
+  margin: 0 auto;
+  width: 100%;
 }
 
 .DocSearch-Modal .DocSearch-Footer,
@@ -11,10 +13,12 @@
 
 .DocSearch-Button,
 .DocSearch-Button:hover {
+  height: 34px;
   border-radius: 0px;
   color: var(--text-color);
   border: 1px solid var(--text-color);
   background: var(--background-color);
+  box-shadow: none !important;
 
   .DocSearch-Search-Icon {
     color: var(--text-color);
@@ -22,11 +26,19 @@
 }
 
 @media (max-width: 996px) {
-  .navbar__toggle+.navbar__brand {
+  .navbar {
+    padding: 1.5rem 1rem;
+  }
+
+  .navbar__toggle + .navbar__brand {
     display: none;
   }
 
-  .navbar__items>div:nth-child(2) {
+  .navbar__toggle {
+    margin-right: 0;
+  }
+
+  .navbar__items > div:nth-child(2) {
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
@@ -40,8 +52,9 @@
 
 @media (min-width: 996px) {
   .navbar__items {
-    justify-content: space-between;
+    justify-content: center;
     height: 100%;
+    gap: 18px;
   }
 
   .navbar__items div:nth-child(1) {
@@ -52,4 +65,4 @@
   .navbar__items .DocSearch-Button {
     justify-content: flex-start;
   }
-}
\ No newline at end of file
+}
diff --git a/src/css/sidebar.css b/src/css/sidebar.css
index 951031015..867f05a40 100644
--- a/src/css/sidebar.css
+++ b/src/css/sidebar.css
@@ -1,71 +1,77 @@
 .menu .menu__list {
-    padding-right: 2rem;
-    margin-top: 0;
+  padding-right: 2rem;
+  margin-top: 0;
 }
 
-nav>.menu__list {
-    padding-bottom: 4rem;
+nav > .menu__list {
+  padding-bottom: 4rem;
 }
 
 .menu .menu__list a::first-letter {
-    text-transform: capitalize;
+  text-transform: capitalize;
 }
 
 .menu__link--active:not(.menu__link--sublist) {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .menu__link {
-    padding: var(--ifm-menu-link-padding-vertical) 0;
-    font-weight: 300;
-    border-bottom: 1px solid var(--sidebar-menu-item_border);
-    border-radius: 0;
+  padding: var(--ifm-menu-link-padding-vertical) 0;
+  font-weight: 300;
+  border-bottom: 1px solid var(--sidebar-menu-item_border);
+  border-radius: 0;
 }
 
 .menu__link--active,
 .menu__link--active:hover {
-    color: var(--link-active);
-    border-color: var(--link-active);
+  color: var(--link-active);
+  border-color: var(--link-active);
 }
 
 .theme-doc-sidebar-item-category {
-    position: relative;
+  position: relative;
 
-    .menu__list {
-        padding-right: 0;
-        padding-left: 0;
+  .menu__list {
+    padding-right: 0;
+    padding-left: 0;
 
-        .menu__link {
-            padding-right: 2rem;
-            padding-left: 2rem;
-        }
+    .menu__link {
+      padding-right: 2rem;
+      padding-left: 2rem;
     }
+  }
+
+  .menu__caret {
+    position: absolute;
+    right: -17px;
+    top: 2px;
+  }
 }
 
 .theme-doc-sidebar-item-category::after {
-    content: url("../../static/img/chevron-down.svg");
-    fill: var(--text-color);
-    position: absolute;
-    top: 7px;
-    right: 0;
-    transform: rotate(180deg);
-    pointer-events: none;
+  content: url("../../static/img/chevron-down.svg");
+  fill: var(--text-color);
+  position: absolute;
+  top: 7px;
+  right: 0;
+  transform: rotate(180deg);
+  pointer-events: none;
 }
 
 .menu__list-item--collapsed.theme-doc-sidebar-item-category::after {
-    top: 3px;
-    transform: rotate(0deg);
+  top: 3px;
+  transform: rotate(0deg);
 }
 
 .menu__list-item:not(:first-child) {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 @media (min-width: 997px) {
-    aside .sidebarViewport_node_modules-\@docusaurus-theme-classic-lib-theme-DocRoot-Layout-Sidebar-styles-module {
-        top: 36px;
-        position: sticky;
-        height: inherit;
-        max-height: inherit;
-    }
-}
\ No newline at end of file
+  aside [class^="sidebarViewport"] {
+    top: 96px;
+    position: sticky;
+    height: inherit;
+    max-height: inherit;
+  }
+}
diff --git a/src/css/typography.css b/src/css/typography.css
index a51e3826d..c40dc51db 100644
--- a/src/css/typography.css
+++ b/src/css/typography.css
@@ -1,12 +1,51 @@
-
+/* Typography styles for headings */
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Atyp', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  color: var(--text-color);
+  line-height: 1.2;
 }
 
 .markdown {
-    font-weight: var(--ifm-font-weight-light);
-    
-    h1, h2, h3, h4, h5, h6 {
-       font-weight: 400;
-    }
+  font-weight: var(--ifm-font-weight-light);
+  
+  h1 {
+    font-size: 3.5rem;
+    font-weight: 100;
+    margin-bottom: 1.5rem;
+  }
+
+  h2 {
+    font-size: 2rem;
+    font-weight: 100;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+  }
+
+  h3 {
+    font-size: 1.75rem;
+    font-weight: 100;
+    margin-top: 1.5rem;
+    margin-bottom: 0.75rem;
+  }
+
+  h4 {
+    font-size: 1.5rem;
+    font-weight: 100;
+    margin-top: 1.25rem;
+    margin-bottom: 0.5rem;
+  }
+
+  h5 {
+    font-size: 1.25rem;
+    font-weight: 100;
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+  }
+
+  h6 {
+    font-size: 1rem;
+    font-weight: 100;
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+  }
 }
\ No newline at end of file
diff --git a/src/theme/DocSidebar/index.js b/src/theme/DocSidebar/index.js
new file mode 100644
index 000000000..afdb4e969
--- /dev/null
+++ b/src/theme/DocSidebar/index.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import DocSidebar from '@theme-original/DocSidebar';
+
+import NavbarSearch from '@theme/Navbar/Search';
+import SearchBar from '@theme/SearchBar';
+
+import styles from './styles.module.css';
+
+export default function DocSidebarWrapper(props) {
+  return (
+    <div className={styles.sidebar}>
+      <NavbarSearch className={styles.navbar__search}>
+        <SearchBar />
+      </NavbarSearch>
+
+      <div className={styles.menu__wrapper}>
+        <DocSidebar {...props} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/theme/DocSidebar/styles.module.css b/src/theme/DocSidebar/styles.module.css
new file mode 100644
index 000000000..8ca1b8687
--- /dev/null
+++ b/src/theme/DocSidebar/styles.module.css
@@ -0,0 +1,37 @@
+.navbar__search {
+    display: inline-block;
+    width: 100%;
+    padding: 0 42px 0 8px;
+
+    button,
+    button:hover,
+    button:active,
+    button:focus {
+      color: var(--text-color);
+      background: transparent;
+      border: 1px solid var(--neutral-7);
+      border-color: var(--neutral-7) ;
+      border-radius: 4px;
+      width: 100%;
+      height: 26px;
+      padding: 0 8px;
+      font-size: 12px;;
+    }
+
+    button:hover {
+      border-color: var(--link-active);
+      transition: ease-in-out 0.2s border-color;
+    }
+
+    svg, svg:hover {
+      display: block;
+      color: var(--text-color);
+      opacity: 1;
+    }
+  }
+
+  .menu__wrapper {
+    >div {
+        padding-top: 0 !important;
+    }
+  }
\ No newline at end of file
diff --git a/src/theme/Navbar/Content/index.js b/src/theme/Navbar/Content/index.js
index 4c5bc78a0..7611b66fd 100644
--- a/src/theme/Navbar/Content/index.js
+++ b/src/theme/Navbar/Content/index.js
@@ -6,10 +6,8 @@ import {
 } from '@docusaurus/theme-common/internal';
 import NavbarItem from '@theme/NavbarItem';
 import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import SearchBar from '@theme/SearchBar';
 import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
 import NavbarLogo from '@theme/Navbar/Logo';
-import NavbarSearch from '@theme/Navbar/Search';
 import styles from './styles.module.css';
 import clsx from 'clsx';
 
@@ -38,7 +36,6 @@ export default function NavbarContent() {
   const mobileSidebar = useNavbarMobileSidebar();
   const items = useNavbarItems();
   const [leftItems, rightItems] = splitNavbarItems(items);
-  const searchBarItem = items.find((item) => item.type === 'search');
 
   return (
     <NavbarContentLayout
@@ -48,11 +45,7 @@ export default function NavbarContent() {
           <NavbarLogo />
           <div className={clsx('navbar__items', styles.navbar__items)}>
             {!mobileSidebar.disabled && <NavbarMobileSidebarToggle />}
-            {!searchBarItem && (
-              <NavbarSearch className={styles.navbar__search}>
-                <SearchBar />
-              </NavbarSearch>
-            )}
+
             <NavbarItems items={leftItems} />
           </div>
 
diff --git a/src/theme/Navbar/Content/styles.module.css b/src/theme/Navbar/Content/styles.module.css
index a7e5e047b..158bd38b9 100644
--- a/src/theme/Navbar/Content/styles.module.css
+++ b/src/theme/Navbar/Content/styles.module.css
@@ -23,8 +23,6 @@ Hide color mode toggle in small viewports
 }
 
 .navbar__inner {
-  max-width: 1440px;
-  margin: 0 auto;
   width: 100%;
 
   @media (max-width: 996px) {
@@ -35,41 +33,15 @@ Hide color mode toggle in small viewports
     [class^="navbar__search"] {
       display: none;
     }
-
-    [class="navbar__logo"] {
-      margin-left: 1rem;
-    }
   }
 }
 
 .navbar__items {
-  a, a:hover {
+  a,
+  a:hover {
     font-weight: 300;
     svg {
       display: none;
     }
   }
 }
-
-.navbar__search {
-  display: inline-block;
-
-  button, button:hover {
-    color: var(--text-color);
-    background: transparent;
-    border: 1px solid transparent;
-    border-color: transparent;
-    border-radius: 4px;
-  }
-
-  button:hover {
-    border-color: var(--link-active);
-    transition: ease-in-out 0.2s border-color;
-  }
-
-  svg, svg:hover {
-    display: block;
-    color: var(--text-color);
-    opacity: 1;
-  }
-}
\ No newline at end of file