diff --git a/components/site-footer.tsx b/components/site-footer.tsx
index fc6a5b8ec..0df7718c2 100644
--- a/components/site-footer.tsx
+++ b/components/site-footer.tsx
@@ -8,7 +8,7 @@ import { ModeToggle } from "@/components/mode-toggle"
 export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
   return (
     <footer className={cn(className)}>
-      <div className="container flex flex-col items-center justify-between gap-4 py-10 md:h-24 md:flex-row md:py-0">
+      <div className="container flex flex-col items-center justify-center gap-4 py-10 md:h-24 md:flex-row md:py-0">
         <div className="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
           <Icons.logo />
           <p className="text-center text-sm leading-loose md:text-left">