diff --git a/apps/login/locales/en.json b/apps/login/locales/en.json
index 851eea7d7..1b5e82c5c 100644
--- a/apps/login/locales/en.json
+++ b/apps/login/locales/en.json
@@ -22,7 +22,7 @@
   "loginname": {
     "title": "Welcome",
     "description": "Choose your login method:",
-    "register": "Register now",
+    "register": "Request access",
     "submit": "Continue",
     "notRegistered": "Not registered?",
     "termsOfService": "By continuing, you agree to Datum's <terms>Terms of Service</terms> and <privacy>Privacy Policy</privacy>, and to receive periodic emails with updates."
@@ -166,8 +166,9 @@
       "title": "Missing data",
       "description": "Provide email, first and last name to register."
     },
-    "alreadyRegistered": "Already registered?",
-    "loginNow": "Login now.",
+    "alreadyRegistered": "Have an invitation?",
+    "loginNow": "Log in here.",
+    "onWaitList": "Still on the waitlist? We'll email you when it's your turn!",
     "title": "Register",
     "description": "Choose your registration method:",
     "noMethodAvailableWarning": "No authentication method available. Please contact your administrator.",
diff --git a/apps/login/src/app/(main)/(illustration)/register/_login-btn.tsx b/apps/login/src/app/(main)/(illustration)/register/_login-btn.tsx
index 98a7d5c38..0c611a4fe 100644
--- a/apps/login/src/app/(main)/(illustration)/register/_login-btn.tsx
+++ b/apps/login/src/app/(main)/(illustration)/register/_login-btn.tsx
@@ -7,16 +7,21 @@ export const LoginBtn = () => {
   const router = useRouter();
 
   return (
-    <div className="text-center ztdl-p text-sm font-normal flex items-center gap-0.5 mt-6">
-      <Translated i18nKey="alreadyRegistered" namespace="register" />
-      <button
-        className="underline"
-        onClick={() => router.replace("/loginname")}
-        type="button"
-        data-testid="register-button"
-      >
-        <Translated i18nKey="loginNow" namespace="register" />
-      </button>
-    </div>
+    <>
+      <div className="text-center ztdl-p text-sm font-normal flex items-center gap-0.5 mt-6">
+        <Translated i18nKey="alreadyRegistered" namespace="register" />
+        <button
+          className="underline"
+          onClick={() => router.replace("/loginname")}
+          type="button"
+          data-testid="register-button"
+        >
+          <Translated i18nKey="loginNow" namespace="register" />
+        </button>
+      </div>
+      <div className="text-center ztdl-p text-sm font-normal flex items-center gap-0.5 mt-6">
+        <Translated i18nKey="onWaitList" namespace="register" />
+      </div>
+    </>
   );
 };
diff --git a/apps/login/src/components/boxed-card.tsx b/apps/login/src/components/boxed-card.tsx
index 7959e0eec..659ec6c99 100644
--- a/apps/login/src/components/boxed-card.tsx
+++ b/apps/login/src/components/boxed-card.tsx
@@ -11,20 +11,20 @@ export const BoxedCard = ({
   className?: string;
 }) => {
   return (
-    <div className="flex flex-col items-center gap-[50px] w-full z-10 p-[90px]">
-      <DatumLogoFull className="h-[86px]" />
+    <div className="flex flex-col items-center gap-4 sm:gap-6 md:gap-8 lg:gap-[50px] w-full z-10 p-3 sm:p-4 md:p-6 lg:p-12 xl:p-[90px] min-w-0">
+      <DatumLogoFull className="h-10 sm:h-12 md:h-16 lg:h-[86px] w-auto" />
       <div
         className={clsx(
           "boxed-card",
-          "rounded border border-card-border bg-card-background p-[50px] w-full max-w-[400px]",
-          "flex flex-col items-center",
+          "rounded border border-card-border bg-card-background p-3 sm:p-4 md:p-6 lg:p-8 xl:p-[50px] w-full max-w-full sm:max-w-[400px]",
+          "flex flex-col items-center min-w-0",
           className,
         )}
       >
         {children}
       </div>
 
-      <div className="w-full max-w-[250px]">
+      <div className="w-full max-w-full sm:max-w-[250px] px-3 sm:px-4 md:px-0">
         <p className="text-center ztdl-p-secondary terms-of-service">
           <Translated
             i18nKey="termsOfService"