diff --git a/apps/content/.vitepress/theme/components/Banner.vue b/apps/content/.vitepress/theme/components/Banner.vue
index 041a42af7..ee77eeb15 100644
--- a/apps/content/.vitepress/theme/components/Banner.vue
+++ b/apps/content/.vitepress/theme/components/Banner.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { useElementSize, useWindowScroll } from '@vueuse/core'
+import { useElementSize, useWindowScroll, useWindowSize } from '@vueuse/core'
 import { computed, ref, watchEffect } from 'vue'
 
 const container = ref<HTMLElement>()
 const { y } = useWindowScroll()
-const { height, width } = useElementSize(container)
+const { width } = useWindowSize()
+const { height } = useElementSize(container)
 const layoutTopHeight = computed(() => Math.max(0, height.value - y.value))
 
 watchEffect(() => {