diff --git a/website/public/assets/styles.css b/website/public/assets/styles.css
index 207339e727..72c8fec279 100644
--- a/website/public/assets/styles.css
+++ b/website/public/assets/styles.css
@@ -2619,9 +2619,18 @@ pre code {
     width: calc(100% - 2.5rem);
   }
   .navigation {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    justify-content: space-between;
     gap: 0.5rem 0.8rem;
     font-size: 0.875rem;
   }
+  .navigation a {
+    min-width: 0;
+    min-height: 40px;
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
   .hero {
     padding-block: 3.5rem 3rem;
   }
@@ -2933,6 +2942,11 @@ html[dir="rtl"] .brand-name {
     white-space: normal;
   }
 }
+@media (max-width: 340px) {
+  .navigation {
+    column-gap: 0.6rem;
+  }
+}
 @media (max-width: 400px) {
   .header-inner {
     column-gap: 1rem;