From 60d3f76671fdc5191388124ad23a1fafdeb35772 Mon Sep 17 00:00:00 2001
From: Papageorgiou Nikos <admin@nikospap.com>
Date: Thu, 14 Nov 2024 18:38:25 +0200
Subject: [PATCH] chore(clerk-js): Display logo in `<Waitlist />` component
 (#4561)

---
 .changeset/new-forks-flash.md                                | 5 +++++
 .../clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx     | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/new-forks-flash.md

diff --git a/.changeset/new-forks-flash.md b/.changeset/new-forks-flash.md
new file mode 100644
index 0000000000..ca3c153942
--- /dev/null
+++ b/.changeset/new-forks-flash.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Display logo in `<Waitlist />` component
diff --git a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
index 0f48309090..27bd07ebec 100644
--- a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
+++ b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
@@ -58,7 +58,7 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
   return (
     <Wizard {...wizard.props}>
       <Col gap={6}>
-        <Header.Root>
+        <Header.Root showLogo>
           <Header.Title localizationKey={localizationKeys('waitlist.start.title')} />
           <Header.Subtitle localizationKey={localizationKeys('waitlist.start.subtitle')} />
         </Header.Root>
@@ -87,7 +87,7 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
         </Flex>
       </Col>
       <Col gap={6}>
-        <Header.Root>
+        <Header.Root showLogo>
           <Header.Title localizationKey={localizationKeys('waitlist.success.title')} />
           <Header.Subtitle localizationKey={localizationKeys('waitlist.success.subtitle')} />
         </Header.Root>