From 86f9d0cfe43b292d4e1b085dadf39eaf2235fe80 Mon Sep 17 00:00:00 2001
From: Rob <30500864+RobChangCA@users.noreply.github.com>
Date: Tue, 15 Oct 2024 22:59:56 -0400
Subject: [PATCH] fix: add passkey link (#1076)

Co-authored-by: Rohan Thomare <3498866+rthomare@users.noreply.github.com>
---
 .../components/configuration/Authentication.tsx    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/examples/ui-demo/src/components/configuration/Authentication.tsx b/examples/ui-demo/src/components/configuration/Authentication.tsx
index 2e5bfb2510..9b5ce87bca 100644
--- a/examples/ui-demo/src/components/configuration/Authentication.tsx
+++ b/examples/ui-demo/src/components/configuration/Authentication.tsx
@@ -113,18 +113,18 @@ export const Authentication = ({ className }: { className?: string }) => {
             name="Passkeys"
             details={
               <>
-                <div className="flex flex-1 min-w-full flex-row justify-between gap-3 items-center">
-                  <p className="font-normal text-sm text-secondary-foreground">
+                <div className="flex flex-1 min-w-full flex-row justify-between gap-3 lg:items-center">
+                  <p className="hidden lg:block font-normal text-sm text-secondary-foreground">
                     Add passkey after sign up
                   </p>
-                  <ExternalLink
-                    href="https://aa-sdk-site-alpha.vercel.app/react/add-passkey?"
-                    className="underline"
-                  >
+                  <ExternalLink href="https://aa-sdk-site-alpha.vercel.app/react/add-passkey?">
+                    <p className=" block lg:hidden font-normal text-sm text-secondary-foreground underline">
+                      Add passkey after sign up
+                    </p>
                     <ExternalLinkIcon
                       height={16}
                       width={16}
-                      className="text-[#475569]"
+                      className="text-[#475569] hidden lg:block"
                     />
                   </ExternalLink>
                   <Switch