From ef1e7a19c18a7e4e8f5b88d538954e9cd6cab0aa Mon Sep 17 00:00:00 2001
From: aswathy-deriv <aswathy@deriv.com>
Date: Wed, 6 Dec 2023 16:32:56 +0400
Subject: [PATCH] fix: link color changes

---
 src/features/pages/signup/form-container/index.tsx         | 5 +++--
 .../pages/signup/form-container/signup-page-form.tsx       | 4 +++-
 src/features/pages/signup/signup.module.scss               | 7 +++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/features/pages/signup/form-container/index.tsx b/src/features/pages/signup/form-container/index.tsx
index da897a03af6..929030d6b98 100644
--- a/src/features/pages/signup/form-container/index.tsx
+++ b/src/features/pages/signup/form-container/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { signup_form_container, signup_form_line } from '../signup.module.scss'
+import { signup_form_container, signup_form_line, link_text } from '../signup.module.scss'
 import FormSocialButtons from './form-social-buttons'
 import SignUpPageForm from './signup-page-form'
 import Flex from 'features/components/atoms/flex-box'
@@ -39,7 +39,8 @@ const SignUpFormContainer = () => {
                     translate_text="_t_By pressing “Create demo account”, you confirm that you are 18 or older. You understand that we may use your email address to send you information about Deriv products and services as well as market news. You can always unsubscribe from these emails in your account settings. For more information, please take a look at Deriv’s <0>Security and privacy</0>._t_"
                     components={[
                         <Link
-                            textcolor="brand"
+                            className={link_text}
+                            textcolor="primary"
                             key={0}
                             url={{
                                 target: '_blank',
diff --git a/src/features/pages/signup/form-container/signup-page-form.tsx b/src/features/pages/signup/form-container/signup-page-form.tsx
index 4984baba83d..ec292fbdbe9 100644
--- a/src/features/pages/signup/form-container/signup-page-form.tsx
+++ b/src/features/pages/signup/form-container/signup-page-form.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { link_text } from '../signup.module.scss'
 import Flex from 'features/components/atoms/flex-box'
 import { TString } from 'types/generics'
 import Button from 'features/components/atoms/button'
@@ -42,7 +43,8 @@ const SignUpPageForm = () => {
                         translate_text="_t_I agree to the <0>terms and conditions</0>_t_"
                         components={[
                             <Link
-                                textcolor="brand"
+                                className={link_text}
+                                textcolor="primary"
                                 key={0}
                                 target="_blank"
                                 url={{
diff --git a/src/features/pages/signup/signup.module.scss b/src/features/pages/signup/signup.module.scss
index c5ca4744ad8..5f82dd879f8 100644
--- a/src/features/pages/signup/signup.module.scss
+++ b/src/features/pages/signup/signup.module.scss
@@ -27,3 +27,10 @@
 .signup_apple_btn {
     background-color: #000000;
 }
+.link_text {
+    text-decoration: underline;
+}
+:hover .link_text {
+    text-decoration-color: #000000;
+    color: $text-color-primary;
+}