diff --git a/theme/src/client/components/Blog/VPBlog.vue b/theme/src/client/components/Blog/VPBlog.vue
index 2f84ed29..4e4dbc92 100644
--- a/theme/src/client/components/Blog/VPBlog.vue
+++ b/theme/src/client/components/Blog/VPBlog.vue
@@ -106,7 +106,7 @@ const { theme, page } = useData()
 
 @media (min-width: 960px) {
   .vp-blog {
-    min-height: calc(100vh - var(--vp-footer-height, 0px));
+    min-height: calc(100vh - var(--vp-nav-height) - var(--vp-footer-height, 0px));
   }
 
   .blog-container {