diff --git a/astro.config.mjs b/astro.config.mjs
index 8a5ab39..28c5051 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -22,9 +22,10 @@ export default defineConfig({
 				},
 			],
 			components: {
-			  TableOfContents: "./src/components/TableOfContents.astro"
-			  // TableOfContents: "./src/components/TableOfContentsAbove.astro"
-			  // TableOfContents: "./src/components/TableOfContentsFlexbox.astro"
+			  TableOfContents: "./src/components/TableOfContents.astro",
+			  // TableOfContents: "./src/components/TableOfContentsAbove.astro",
+			  // TableOfContents: "./src/components/TableOfContentsFlexbox.astro",
+			  Pagination: "./src/components/Pagination.astro"
 			}
 		}),
 	],
diff --git a/src/components/Pagination.astro b/src/components/Pagination.astro
new file mode 100644
index 0000000..f1cc039
--- /dev/null
+++ b/src/components/Pagination.astro
@@ -0,0 +1,20 @@
+---
+import Default from "@astrojs/starlight/components/Pagination.astro";
+import Card from "./Card.astro";
+---
+
+<Default><slot /></Default>
+<div class="starlight-pagination-mobile-content">
+    <Card />
+</div>
+
+<style>
+    .starlight-pagination-mobile-content {
+        display: block;
+    }
+    @media (min-width: 72rem) {
+        .starlight-pagination-mobile-content {
+            display: none;
+        }
+    }
+</style>