diff --git a/theme/src/client/components/VFooter.vue b/theme/src/client/components/VFooter.vue
index c66c2550..56751927 100644
--- a/theme/src/client/components/VFooter.vue
+++ b/theme/src/client/components/VFooter.vue
@@ -70,6 +70,7 @@ onMounted(() => {
 @media (min-width: 768px) {
   .plume-footer {
     padding: 24px;
+    margin-right: calc(0px - ((100vw - var(--vp-layout-max-width)) / 2));
   }
 }
 
diff --git a/theme/src/client/styles/vars.scss b/theme/src/client/styles/vars.scss
index e7077e1d..d4ebf5a8 100644
--- a/theme/src/client/styles/vars.scss
+++ b/theme/src/client/styles/vars.scss
@@ -316,6 +316,7 @@
 
 :root {
   --vp-layout-max-width: 1440px;
+  --content-width: var(--vp-layout-max-width);
 }
 
 /**