diff --git a/packages/web/src/components/Form.tsx b/packages/web/src/components/Form.tsx
index 7df80d5..731f4d7 100644
--- a/packages/web/src/components/Form.tsx
+++ b/packages/web/src/components/Form.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from "react"
 
 const Form = ({ children }: PropsWithChildren) => (
-  <div className="z-10 flex w-full max-w-80 flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
+  <div className="z-10 mx-auto flex w-full max-w-80 flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
     {children}
   </div>
 )