diff --git a/src/theme-default/components/DocFooter/index.module.scss b/src/theme-default/components/DocFooter/index.module.scss
index 814233c9..2800e75e 100644
--- a/src/theme-default/components/DocFooter/index.module.scss
+++ b/src/theme-default/components/DocFooter/index.module.scss
@@ -38,14 +38,23 @@
 }
 
 .prev-next {
-  border-top: 1px solid var(--island-c-divider-light);
-  padding-top: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
 @media (min-width: 640px) {
+  .prev-next {
+    display: flex;
+    flex-direction:row;
+    border-top: 1px solid var(--island-c-divider-light);
+    padding-top: 24px;
+  }
+
   .prev-next {
     display: flex;
     justify-content: space-around;
+    gap: 16px;
   }
 }
 
@@ -57,7 +66,6 @@
   .pager {
     display: flex;
     flex-direction: column;
-    flex-shrink: 0;
     width: 50%;
   }
 
@@ -67,6 +75,7 @@
   }
 }
 
+
 .pager-link {
   display: block;
   border: 1px solid var(--island-c-divider-light);
@@ -112,7 +121,7 @@
   line-height: 24px;
   font-size: 14px;
   font-weight: 500;
-  color: var(--vp-c-text-2);
+  color: var(--island-c-text-2);
 }
 
 @media (min-width: 640px) {