diff --git a/apps/web/src/app/(unauthenticated)/forgot-password/page.tsx b/apps/web/src/app/(unauthenticated)/forgot-password/page.tsx
index d72719066..af1c96e6f 100644
--- a/apps/web/src/app/(unauthenticated)/forgot-password/page.tsx
+++ b/apps/web/src/app/(unauthenticated)/forgot-password/page.tsx
@@ -5,10 +5,9 @@ import backgroundPattern from '~/assets/background-pattern.png';
 import { ForgotPasswordForm } from '~/components/forms/forgot-password';
 
 export default function ForgotPasswordPage() {
-  // TODO: Fix width reducing with screen size
   return (
     <main className="bg-sand-100 relative flex min-h-screen flex-col items-center justify-center overflow-hidden  px-4 py-12 md:p-12 lg:p-24">
-      <div className="relative flex w-1/5 items-center gap-x-24">
+      <div className="relative flex items-center gap-x-24 md:w-[500px]">
         <div className="absolute -inset-96 -z-[1] flex items-center justify-center opacity-50">
           <Image
             src={backgroundPattern}
diff --git a/apps/web/src/app/(unauthenticated)/reset-password/[token]/page.tsx b/apps/web/src/app/(unauthenticated)/reset-password/[token]/page.tsx
index 15b7ebb17..0e8492030 100644
--- a/apps/web/src/app/(unauthenticated)/reset-password/[token]/page.tsx
+++ b/apps/web/src/app/(unauthenticated)/reset-password/[token]/page.tsx
@@ -7,7 +7,7 @@ import { ResetPasswordForm } from '~/components/forms/reset-password';
 export default function ResetPasswordPage({ params }: { params: { token: string } }) {
   return (
     <main className="bg-sand-100 relative flex min-h-screen flex-col items-center justify-center overflow-hidden  px-4 py-12 md:p-12 lg:p-24">
-      <div className="relative flex w-1/5 items-center gap-x-24">
+      <div className="relative flex items-center gap-x-24 md:w-[500px]">
         <div className="absolute -inset-96 -z-[1] flex items-center justify-center opacity-50">
           <Image
             src={backgroundPattern}