fix(clerk-js): Removed nested <p> from Keyless popover (#4978)

Meryem Kaftar · web-flow · commit e0dbdc61ba20 · 2025-01-23T14:15:49.000+03:00
diff --git a/.changeset/wet-beers-compete.md b/.changeset/wet-beers-compete.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Remove nested <p> tag from the Keyless popover.
diff --git a/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx b/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx
@@ -396,11 +396,11 @@ const _KeylessPrompt = (_props: KeylessPromptProps) => {
                   Dashboard.
                 </>
               ) : (
-                <p>
+                <span>
                   {isSignedIn
                     ? "You've created your first user! Link this application to your Clerk account to explore the Dashboard."
                     : 'We generated temporary API keys for you. Link this application to your Clerk account to configure it.'}
-                </p>
+                </span>
               )}
             </p>
           </div>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@clerk/clerk-js': patch
 +---
++
 +Remove nested <p> tag from the Keyless popover.