diff --git a/apps/web/src/pages/index.tsx b/apps/web/src/pages/index.tsx
index 531f484..351eea7 100644
--- a/apps/web/src/pages/index.tsx
+++ b/apps/web/src/pages/index.tsx
@@ -134,10 +134,10 @@ const Home = () => {
                   <DialogTrigger className="mt-4 h-9 rounded-xl bg-black px-5 text-sm font-medium text-white shadow-lg ring-black transition-all hover:-translate-y-[2px] hover:shadow-xl ">
                     Request access
                   </DialogTrigger>
-                  <DialogContent className="max-w-sm px-8">
+                  <DialogContent className="px-8 md:max-w-sm">
                     {!hasSubmitted && (
                       <form
-                        className="mt-6 flex max-w-sm flex-col gap-2 py-2 pb-12"
+                        className="mt-6 flex flex-col gap-2 py-2 pb-12"
                         onSubmit={onSubmit}
                       >
                         <h2>
diff --git a/apps/web/src/pages/sign-in.tsx b/apps/web/src/pages/sign-in.tsx
index 6f7e588..f031cd9 100644
--- a/apps/web/src/pages/sign-in.tsx
+++ b/apps/web/src/pages/sign-in.tsx
@@ -71,7 +71,7 @@ export default function SignIn() {
   }
 
   return (
-    <div className="mx-auto my-32 flex max-w-sm flex-col gap-4">
+    <div className="mx-auto my-32 flex max-w-sm flex-col gap-4 px-4">
       <div>
         <Link className="text-zinc-400" href="/">
           <CornerUpLeft size={18} />