diff --git a/src/features/dashboard/components/app-form/app-form.module.scss b/src/features/dashboard/components/app-form/app-form.module.scss
index 963e3172..4da8acfb 100644
--- a/src/features/dashboard/components/app-form/app-form.module.scss
+++ b/src/features/dashboard/components/app-form/app-form.module.scss
@@ -191,6 +191,10 @@ fieldset .customTextInput:last-child {
@media screen and (min-width: 992px) {
font-size: rem(1.4);
}
+
+ a:hover {
+ color: var(--component-textIcon-normal-prominent);
+ }
}
.buttons {
diff --git a/src/features/dashboard/components/app-form/app-form.tsx b/src/features/dashboard/components/app-form/app-form.tsx
index 69b5d973..0e829cd2 100644
--- a/src/features/dashboard/components/app-form/app-form.tsx
+++ b/src/features/dashboard/components/app-form/app-form.tsx
@@ -17,6 +17,7 @@ import useAppManager from '@site/src/hooks/useAppManager';
import { appRegisterSchema, appEditSchema, IRegisterAppForm } from '../../types';
import RestrictionsAppname from '../restrictions-appname';
import styles from './app-form.module.scss';
+import { Link } from '@deriv-com/quill-ui';
type TAppFormProps = {
@@ -175,9 +176,8 @@ const AppForm = ({
)}
{
setInputValue((e.target as HTMLInputElement).value);
@@ -407,17 +407,15 @@ const AppForm = ({
- {translate({ message: `By registering your application, you acknowledge that you‘ve read and accepted the Deriv API`})} {' '}
+ {translate({ message: `By registering your application, you acknowledge that you‘ve read and accepted the Deriv API` })} {' '}
-
-
- terms and conditions
-
-
+
terms and conditions
+
{renderButtons &&
{renderButtons()}
}
diff --git a/src/features/dashboard/components/app-register/app-register.scss b/src/features/dashboard/components/app-register/app-register.scss
index ac355eaf..66019225 100644
--- a/src/features/dashboard/components/app-register/app-register.scss
+++ b/src/features/dashboard/components/app-register/app-register.scss
@@ -72,6 +72,10 @@
top: -4px;
}
}
+
+ &__link:hover {
+ color: var(--component-textIcon-normal-prominent);
+ }
}
}
diff --git a/src/features/dashboard/components/app-register/app-register.tsx b/src/features/dashboard/components/app-register/app-register.tsx
index 9895c279..8cf78472 100644
--- a/src/features/dashboard/components/app-register/app-register.tsx
+++ b/src/features/dashboard/components/app-register/app-register.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import Translate, { translate } from '@docusaurus/Translate';
-import { Button, Text } from '@deriv-com/quill-ui';
+import { Button, Link, Text } from '@deriv-com/quill-ui';
import { useForm } from 'react-hook-form';
import { yupResolver } from '@hookform/resolvers/yup';
import CustomCheckbox from '@site/src/components/CustomCheckbox';
@@ -22,13 +22,14 @@ const TermsAndConditions: React.FC = ({ register }) =>
{translate({ message: `By registering your application, you acknowledge that you‘ve read and accepted the Deriv API`})} {' '}
-
- terms and conditions
-
+ terms and conditions
+
diff --git a/src/features/dashboard/manage-dashboard/manage-dashboard.scss b/src/features/dashboard/manage-dashboard/manage-dashboard.scss
index 9f47c63b..6c439ba0 100644
--- a/src/features/dashboard/manage-dashboard/manage-dashboard.scss
+++ b/src/features/dashboard/manage-dashboard/manage-dashboard.scss
@@ -4,4 +4,8 @@
.breadcrumbs-wrapper {
padding: 1rem 0;
+
+ a, a:active, a:visited {
+ text-decoration: none;
+ }
}