From 45b15fb565f2f76a452ad60761d0bd6462d5d00c Mon Sep 17 00:00:00 2001
From: Sui Sin <103026762+suisin-deriv@users.noreply.github.com>
Date: Fri, 26 Apr 2024 14:18:40 +0800
Subject: [PATCH] Suisin/solve passkey header issue (#43)

* chore: fix header not bold issue

* chore: update passkey creation fail content
---
 .../src/Sections/Security/Passkeys/passkeys-configs.tsx     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/account/src/Sections/Security/Passkeys/passkeys-configs.tsx b/packages/account/src/Sections/Security/Passkeys/passkeys-configs.tsx
index ecda7077e6b8..4d88d6ea421b 100644
--- a/packages/account/src/Sections/Security/Passkeys/passkeys-configs.tsx
+++ b/packages/account/src/Sections/Security/Passkeys/passkeys-configs.tsx
@@ -116,7 +116,11 @@ type TGetModalContent = {
 export const NOT_SUPPORTED_ERROR_NAME = 'NotSupportedError';
 
 export const getModalContent = ({ error, is_passkey_registration_started }: TGetModalContent) => {
-    const error_message_header = <Localize i18n_default_text='Passkey login unavailable' />;
+    const error_message_header = (
+        <Text size='xs' weight='bold'>
+            <Localize i18n_default_text='Passkey setup failed' />
+        </Text>
+    );
 
     const error_message =
         (error as TServerError)?.name === NOT_SUPPORTED_ERROR_NAME ? (