diff --git a/docs-site/assets/css/custom.css b/docs-site/assets/css/custom.css
index d0f350b2..2680967b 100644
--- a/docs-site/assets/css/custom.css
+++ b/docs-site/assets/css/custom.css
@@ -42,9 +42,6 @@ h6 {
     font-family: 'Open Sans', 'ui-sans-serif', 'system-ui', 'sans-serif', "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
-.nav-container {
-    font-family: 'Open Sans', 'ui-sans-serif', 'system-ui', 'sans-serif', "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
 
 /* Test Status Badge - Modern gradient style */
 .test-status-badge {
@@ -214,10 +211,6 @@ h6 {
     color: #111827;
     background: #f3f4f6;
 }
-.sidebar-link.sidebar-active-item {
-    color: #1e40af;
-    background: #dbeafe;
-}
 .dark .sidebar-link:not(.sidebar-active-item) {
     color: #9ca3af !important;
 }
@@ -225,10 +218,6 @@ h6 {
     color: #e5e7eb !important;
     background: rgba(255,255,255,0.05) !important;
 }
-.dark .sidebar-link.sidebar-active-item {
-    color: #c7d2fe !important;
-    background: rgba(99,102,241,0.1) !important;
-}
 
 .dark .sidebar-container {
     background-color: #111 !important;
@@ -248,38 +237,6 @@ h6 {
     display: block;
     padding-top: 1.5rem;
 }
-.hextra-tabs-toggle {
-    cursor: pointer;
-    padding: 0.5rem;
-    margin-right: 0.5rem;
-    font-weight: 500;
-    border-bottom: 2px solid transparent;
-    color: #4b5563;
-    background: none;
-    border-top: none;
-    border-left: none;
-    border-right: none;
-    transition: color 0.15s, border-color 0.15s;
-}
-.hextra-tabs-toggle:hover {
-    color: #000;
-    border-bottom-color: #d1d5db;
-}
-.hextra-tabs-toggle[data-state="selected"] {
-    color: hsl(212, 100%, 45%);
-    border-bottom-color: hsl(212, 100%, 50%);
-}
-.dark .hextra-tabs-toggle {
-    color: #d1d5db;
-}
-.dark .hextra-tabs-toggle:hover {
-    color: #fff;
-    border-bottom-color: #4b5563;
-}
-.dark .hextra-tabs-toggle[data-state="selected"] {
-    color: hsl(212, 100%, 60%);
-    border-bottom-color: hsl(212, 100%, 50%);
-}
 
 /* Light/dark image toggling */
 .light-only { display: block; }
@@ -321,26 +278,6 @@ h6 {
 }
 
 /* {{< cards >}} shortcode — responsive grid */
-.section-cards {
-  display: grid;
-  gap: 1rem;
-  margin-top: 1rem;
-  grid-template-columns: 1fr;
-}
-
-@media (min-width: 640px) {
-  .section-cards {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (min-width: 1024px) {
-  .section-cards {
-    grid-template-columns: repeat(var(--section-cards-cols, 3), minmax(0, 1fr));
-  }
-}
-
-
 
 /* Spacing between headings and following content. Needed because reuse
    shortcode output has no <p> wrapper, so there's no margin-top from
diff --git a/docs-site/go.mod b/docs-site/go.mod
index 3dc16397..a9a48cbf 100644
--- a/docs-site/go.mod
+++ b/docs-site/go.mod
@@ -2,4 +2,4 @@ module github.com/kagent-dev/website-docs
 
 go 1.21
 
-require github.com/solo-io/docs-theme-extras v0.1.25 // indirect
+require github.com/solo-io/docs-theme-extras v0.2.0-beta.3 // indirect
diff --git a/docs-site/go.sum b/docs-site/go.sum
index ed1bbca5..2b08c315 100644
--- a/docs-site/go.sum
+++ b/docs-site/go.sum
@@ -1,2 +1,6 @@
-github.com/solo-io/docs-theme-extras v0.1.25 h1:9SvHWXlrBxgk3/0NnV+JvkqQ7/rww4daIzdCYtSubVg=
-github.com/solo-io/docs-theme-extras v0.1.25/go.mod h1:jjjYu/QoD+vMu30zgcpfEuTEGuJOJWs5qai/K18kltg=
+github.com/solo-io/docs-theme-extras v0.2.0-beta.1 h1:+kRKHMM0hWMnaPMQF4/nPGPzsVFPCtUlwdBRfNf+NLo=
+github.com/solo-io/docs-theme-extras v0.2.0-beta.1/go.mod h1:jjjYu/QoD+vMu30zgcpfEuTEGuJOJWs5qai/K18kltg=
+github.com/solo-io/docs-theme-extras v0.2.0-beta.2 h1:ynyoToo5C8Ts3WrQXR1G4Uu28S4YuGydbBMvmesk4yk=
+github.com/solo-io/docs-theme-extras v0.2.0-beta.2/go.mod h1:jjjYu/QoD+vMu30zgcpfEuTEGuJOJWs5qai/K18kltg=
+github.com/solo-io/docs-theme-extras v0.2.0-beta.3 h1:NGuto3wGVsB9Ev6gOGDLYWAaSA9lC1Q3c4EU6lsVZVA=
+github.com/solo-io/docs-theme-extras v0.2.0-beta.3/go.mod h1:jjjYu/QoD+vMu30zgcpfEuTEGuJOJWs5qai/K18kltg=