diff --git a/theme/src/client/components/VPFooter.vue b/theme/src/client/components/VPFooter.vue
index 5e2cef21..e46350f0 100644
--- a/theme/src/client/components/VPFooter.vue
+++ b/theme/src/client/components/VPFooter.vue
@@ -26,12 +26,12 @@ onMounted(() => {
   >
     <slot name="footer-content">
       <div class="container">
-        <p
+        <div
           v-if="theme.footer.message"
           class="message"
           v-html="theme.footer.message"
         />
-        <p
+        <div
           v-if="theme.footer.copyright"
           class="copyright"
           v-html="theme.footer.copyright"
diff --git a/theme/src/client/components/VPFriends.vue b/theme/src/client/components/VPFriends.vue
index 73a072d0..8f3546a7 100644
--- a/theme/src/client/components/VPFriends.vue
+++ b/theme/src/client/components/VPFriends.vue
@@ -53,11 +53,19 @@ const groups = computed(() => matter.value.groups || [])
 <style scoped>
 .vp-friends {
   width: 100%;
-  padding-top: calc(var(--vp-nav-height) + 32px);
-  padding-bottom: 5rem;
+  max-width: 100%;
+  padding: 32px 24px 5rem;
   margin: 0 auto;
 }
 
+@media (min-width: 960px) {
+  .vp-friends {
+    padding-top: calc(var(--vp-nav-height) + 32px);
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
 .vp-friends .title {
   padding: 32px 20px 0;
   margin-bottom: 2rem;