diff --git a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
index a3145656a2..f320f32fc7 100644
--- a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
+++ b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
@@ -3,10 +3,12 @@ import type { JoinWaitlistParams } from '@clerk/types';
 
 import { useWizard, Wizard } from '../../common';
 import { useWaitlistContext } from '../../contexts';
-import { Col, descriptors, Flex, localizationKeys } from '../../customizables';
+import { Col, descriptors, Flex, Icon, localizationKeys, Text } from '../../customizables';
 import { Card, Form, Header, useCardState } from '../../elements';
 import { useLoadingStatus } from '../../hooks';
+import { SpinnerJumbo } from '../../icons';
 import { useRouter } from '../../router';
+import { animations } from '../../styledSystem';
 import { type FormControlState, handleError } from '../../utils';
 import type { Fields } from './Waitlist';
 
@@ -41,11 +43,14 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
     await clerk
       .joinWaitlist(joinWaitlistParams)
       .then(() => {
+        wizard.nextStep();
+
         if (ctx.redirectUrl) {
-          void navigate(ctx.redirectUrl);
+          setTimeout(() => {
+            void navigate(ctx.redirectUrl);
+          }, 2000);
           return;
         }
-        wizard.nextStep();
       })
       .catch(error => {
         handleError(error, [], card.setError);
@@ -94,6 +99,34 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
           <Header.Title localizationKey={localizationKeys('waitlist.success.title')} />
           <Header.Subtitle localizationKey={localizationKeys('waitlist.success.subtitle')} />
         </Header.Root>
+        {ctx.redirectUrl && (
+          <Flex
+            direction='col'
+            elementDescriptor={descriptors.main}
+            gap={6}
+          >
+            <Col center>
+              <Flex
+                gap={2}
+                align='center'
+              >
+                <Icon
+                  icon={SpinnerJumbo}
+                  sx={t => ({
+                    margin: 'auto',
+                    width: t.sizes.$6,
+                    height: t.sizes.$6,
+                    animation: `${animations.spinning} 1s linear infinite`,
+                  })}
+                />
+                <Text
+                  colorScheme='secondary'
+                  localizationKey={localizationKeys('waitlist.success.message')}
+                />
+              </Flex>
+            </Col>
+          </Flex>
+        )}
       </Col>
     </Wizard>
   );
diff --git a/packages/clerk-js/src/ui/icons/index.ts b/packages/clerk-js/src/ui/icons/index.ts
index 7a43c73f84..861f4795e6 100644
--- a/packages/clerk-js/src/ui/icons/index.ts
+++ b/packages/clerk-js/src/ui/icons/index.ts
@@ -62,3 +62,4 @@ export { default as Organization } from './organization.svg';
 export { default as Users } from './users.svg';
 export { default as Fingerprint } from './fingerprint.svg';
 export { default as Block } from './block.svg';
+export { default as SpinnerJumbo } from './spinner-jumbo.svg';
diff --git a/packages/clerk-js/src/ui/icons/spinner-jumbo.svg b/packages/clerk-js/src/ui/icons/spinner-jumbo.svg
new file mode 100644
index 0000000000..bd1d69c9c0
--- /dev/null
+++ b/packages/clerk-js/src/ui/icons/spinner-jumbo.svg
@@ -0,0 +1,11 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 11.66L12.2499 11.66" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.5 13.25L8.5 13.2499" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.25 8L3.2501 8" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.75 4.32996L4.75007 4.33003" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.75 11.66L4.75007 11.6599" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.5 2.75V2.7501" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.75 8L13.7499 8" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.25 4.33002L12.2499 4.33009" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.75 8C13.75 5.10051 11.3995 2.75 8.5 2.75" stroke="#747686" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts
index 3e16a67e78..96331c9971 100644
--- a/packages/localizations/src/en-US.ts
+++ b/packages/localizations/src/en-US.ts
@@ -901,6 +901,7 @@ export const enUS: LocalizationResource = {
     success: {
       title: 'Thanks for joining the waitlist!',
       subtitle: 'We’ll be in touch when your spot is ready',
+      message: 'You will be redirected soon...',
     },
   },
 } as const;
diff --git a/packages/types/src/localization.ts b/packages/types/src/localization.ts
index cfa6ab4f1b..1b110244f7 100644
--- a/packages/types/src/localization.ts
+++ b/packages/types/src/localization.ts
@@ -804,6 +804,7 @@ type _LocalizationResource = {
     success: {
       title: LocalizationValue;
       subtitle: LocalizationValue;
+      message: LocalizationValue;
     };
   };
 };