diff --git a/theme/src/client/components/Home/VPHome.vue b/theme/src/client/components/Home/VPHome.vue
index 8e2b3fa6..3637abac 100644
--- a/theme/src/client/components/Home/VPHome.vue
+++ b/theme/src/client/components/Home/VPHome.vue
@@ -60,7 +60,7 @@ let el: HTMLDivElement | null = null
 
 watch(() => onlyOnce.value, value => nextTick(() => {
   if (typeof document !== 'undefined') {
-    el ??= document.querySelector('#VPContent')
+    el ??= document.querySelector('.vp-layout')
     el?.classList.toggle('footer-no-border', value)
   }
 }), { immediate: true })
diff --git a/theme/src/client/components/VPFooter.vue b/theme/src/client/components/VPFooter.vue
index b57cc0ae..271974c0 100644
--- a/theme/src/client/components/VPFooter.vue
+++ b/theme/src/client/components/VPFooter.vue
@@ -50,6 +50,7 @@ onMounted(() => {
 }
 
 .footer-no-border .vp-footer {
+  background-color: transparent;
   border-top: none;
 }