diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 36c4612..64c3314 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -3,7 +3,7 @@ import VisitedCount from "../components/visitedCount.tsx";
 export function Footer() {
   return (
     <div
-      className="fixed bottom-0 w-full py-5 text-2xl font-bold flex flex-col sm:flex-row items-end justify-center sm:justify-between text-center sm:text-left space-x-4 sm:pr-20 whitebg
+      className="fixed left-0 bottom-0 w-full py-5 text-2xl font-bold flex flex-col sm:flex-row justify-center sm:justify-between items-center sm:items-end text-center sm:text-left space-y-4 sm:space-y-0 sm:space-x-4 sm:px-10 whitebg
   "
     >
       <VisitedCount></VisitedCount>