diff --git a/src/components/atoms/Pagination.astro b/src/components/atoms/Pagination.astro
index 0259921..1604c2d 100644
--- a/src/components/atoms/Pagination.astro
+++ b/src/components/atoms/Pagination.astro
@@ -9,7 +9,7 @@ const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } =
 			<div class="flex flex-row mx-auto container justify-between">
 				<a
 					href={prevUrl}
-					class={`btn font-medium text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white shadow-none mr-2
+					class={`btn px-2 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white shadow-none mr-2
       ${!prevUrl ? 'invisible' : ''}`}
 				>
 					<div class="flex flex-row align-middle">
@@ -19,7 +19,7 @@ const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } =
 				</a>
 				<a
 					href={nextUrl}
-					class={`btn font-medium text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white shadow-none ${
+					class={`btn px-2 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white shadow-none ${
 						!nextUrl ? 'invisible' : ''
 					}`}
 				>