diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 9a93b63c..ac30460c 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -39,6 +39,7 @@ const { hasSidebar } = useSidebar()
 .VPContent {
   flex-grow: 1;
   margin: 0 auto;
+  width: 100%;
   max-width: var(--vp-layout-max-width);
 }
 
diff --git a/src/client/theme-default/components/VPDoc.vue b/src/client/theme-default/components/VPDoc.vue
index 5e81a30e..98830b8a 100644
--- a/src/client/theme-default/components/VPDoc.vue
+++ b/src/client/theme-default/components/VPDoc.vue
@@ -37,6 +37,7 @@ const pageName = computed(() => {
 <style scoped>
 .VPDoc {
   padding: 32px 24px 96px;
+  width: 100%;
 }
 
 @media (min-width: 768px) {