diff --git a/docs/app/pages/roadmap.vue b/docs/app/pages/roadmap.vue
index 06cafcbd..7104eee3 100644
--- a/docs/app/pages/roadmap.vue
+++ b/docs/app/pages/roadmap.vue
@@ -20,7 +20,7 @@ const src = computed(() => `https://volta.net/embed/${token}?theme=${colorMode.v
 </script>
 
 <template>
-  <div class="h-[calc(100vh-var(--header-height)-var(--header-height)-1px)]">
+  <div class="h-[calc(100vh-var(--ui-header-height)-var(--ui-header-height)-48px-1px)]">
     <ClientOnly>
       <iframe :src="src" width="100%" height="100%" />
     </ClientOnly>