diff --git a/templates/footer.tmpl b/templates/footer.tmpl
index b8f1271..dc6d4d0 100644
--- a/templates/footer.tmpl
+++ b/templates/footer.tmpl
@@ -1,5 +1,5 @@
 <!-- footer anchored to the bottom https://stackoverflow.com/a/72232241 -->
-<footer class="items-center mx-6 m-4 sticky top-[100vh] shadow bg-white dark:bg-gray-900 border-2 border-slate-300 rounded-sm">
+<footer class="items-center md:mx-10 m-4 sticky top-[100vh] shadow bg-white dark:bg-gray-900 border-2 border-slate-300 rounded-sm">
 <!-- alternatively -->
 <!-- <footer class="fixed bottom-0 left-0 w-full bg-gray-800 mx-auto rounded-sm"> -->
 		<span class="block hover:shadow text-center text-sm px-6 py-2 text-pink-400 dark:bg-gray-900">
diff --git a/templates/signin.tmpl b/templates/signin.tmpl
index b29a481..56158a7 100644
--- a/templates/signin.tmpl
+++ b/templates/signin.tmpl
@@ -4,7 +4,7 @@
 <main class="grow min-w-[300px]">
 <!-- <section class="bg-white dark:bg-gray-900"> -->
 <section>
-	<div class="container mx-auto px-6 sm:px-0:py-0 md:py-16 lg:py-32">
+	<div class="container mx-auto md:mx-4 px-6 sm:px-0:py-0 md:py-16 lg:py-32">
 		<div class="lg:flex">
 			<div class="lg:w-1/2">
 				<h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3>
diff --git a/templates/signup.tmpl b/templates/signup.tmpl
index 95f05fb..217a013 100644
--- a/templates/signup.tmpl
+++ b/templates/signup.tmpl
@@ -3,7 +3,7 @@
 {{ template "navbar.tmpl" . }}
 <main class="grow min-w-[300px]">
 <section class="bg-white dark:bg-gray-900">
-	<div class="container mx-auto px-6 sm:px-0:py-0 md:py-16 lg:py-32">
+	<div class="container mx-auto md:mx-4 px-6 sm:px-0:py-0 md:py-16 lg:py-32">
 		<div class="lg:flex">
 			<div class="lg:w-1/2">
 				<h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3>