diff --git a/theme/src/client/components/VFooter.vue b/theme/src/client/components/VFooter.vue
index 56751927..d6ad206b 100644
--- a/theme/src/client/components/VFooter.vue
+++ b/theme/src/client/components/VFooter.vue
@@ -43,7 +43,6 @@ onMounted(() => {
   position: relative;
   z-index: var(--vp-z-index-footer);
   padding: 24px;
-  background-color: var(--vp-c-bg);
   border-top: 1px solid var(--vp-c-gutter);
   transition: all var(--t-color);
 }
@@ -70,6 +69,9 @@ onMounted(() => {
 @media (min-width: 768px) {
   .plume-footer {
     padding: 24px;
+  }
+
+  .plume-footer.has-sidebar {
     margin-right: calc(0px - ((100vw - var(--vp-layout-max-width)) / 2));
   }
 }
diff --git a/theme/src/client/styles/content.scss b/theme/src/client/styles/content.scss
index 3d573b46..0004727c 100644
--- a/theme/src/client/styles/content.scss
+++ b/theme/src/client/styles/content.scss
@@ -30,7 +30,7 @@
   line-height: 32px;
   letter-spacing: -0.02em;
   border-top: 1px solid var(--vp-c-divider);
-  transition: border-top var(--t-color);
+  transition: border-top var(--t-color), color var(--t-color);
 }
 
 .plume-content h2:first-of-type {