diff --git a/docs/.vitepress/theme/components/HeroVideo.vue b/docs/.vitepress/theme/components/HeroVideo.vue
index ace258b9..fae44241 100644
--- a/docs/.vitepress/theme/components/HeroVideo.vue
+++ b/docs/.vitepress/theme/components/HeroVideo.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { useMutationObserver } from "@vueuse/core";
-import { onMounted, ref } from "vue";
+import { onMounted, onUnmounted, ref } from "vue";
 
 const isDark = ref(false);
 onMounted(() => {
@@ -16,6 +16,14 @@ onMounted(() => {
     },
   );
 });
+
+onMounted(() => {
+  document.documentElement.classList.add("home");
+});
+
+onUnmounted(() => {
+  document.documentElement.classList.remove("home");
+});
 </script>
 
 <template>
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index dd53edf8..8b01dcdf 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -155,3 +155,7 @@
 .VPHero .container .image {
   max-width: 1200px;
 }
+
+.home .VPNav .container {
+  max-width: 100%;
+}