From e85fb9df0e8844c3dd86ffb3535a171b671d72e5 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Sat, 8 Jun 2024 11:43:11 +0530
Subject: [PATCH] Style

---
 web/apps/accounts/src/pages/passkeys/verify.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/apps/accounts/src/pages/passkeys/verify.tsx b/web/apps/accounts/src/pages/passkeys/verify.tsx
index 5f7d68b1ef..bddf4eee13 100644
--- a/web/apps/accounts/src/pages/passkeys/verify.tsx
+++ b/web/apps/accounts/src/pages/passkeys/verify.tsx
@@ -217,13 +217,11 @@ const UnknownRedirect: React.FC = () => {
     return (
         <UnknownRedirect_>
             <UnknownRedirectPaper>
-                <InfoIcon />
+                <InfoIcon color="secondary" />
                 <Typography variant="h3">
                     {t("PASSKEY_LOGIN_FAILED")}
                 </Typography>
-                <Typography marginTop="1rem">
-                    {t("PASSKEY_LOGIN_URL_INVALID")}
-                </Typography>
+                <Typography>{t("PASSKEY_LOGIN_URL_INVALID")}</Typography>
             </UnknownRedirectPaper>
         </UnknownRedirect_>
     );
@@ -240,6 +238,10 @@ const UnknownRedirectPaper = styled(Paper)`
     width: 100%;
     max-width: 24rem;
     padding: 1rem;
+
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
 `;
 
 interface FailedProps {