diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx
index c9d5066d9..3bad98dcb 100644
--- a/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx
+++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx
@@ -1,15 +1,23 @@
-import React from 'react';
import styled from '@emotion/styled';
+import React from 'react';
type FooterNoteProps = { children: React.ReactNode };
const StyledContainer = styled.div`
align-items: center;
color: ${({ theme }) => theme.font.color.tertiary};
- display: flex;
font-size: ${({ theme }) => theme.font.size.sm};
max-width: 280px;
text-align: center;
+
+ & > a {
+ color: ${({ theme }) => theme.font.color.tertiary};
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
`;
export const FooterNote = ({ children }: FooterNoteProps) => (
diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx
index 2c498037e..2068e8f73 100644
--- a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx
+++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpForm.tsx
@@ -1,8 +1,8 @@
-import { useMemo, useState } from 'react';
-import { Controller } from 'react-hook-form';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import { motion } from 'framer-motion';
+import { useMemo, useState } from 'react';
+import { Controller } from 'react-hook-form';
import { useRecoilState, useRecoilValue } from 'recoil';
import { Key } from 'ts-key-enum';
import { IconGoogle, IconMicrosoft } from 'twenty-ui';
@@ -258,7 +258,23 @@ export const SignInUpForm = () => {
)}
{signInUpStep === SignInUpStep.Init && (
- By using Twenty, you agree to the Terms of Service and Privacy Policy.
+ By using Twenty, you agree to the{' '}
+
+ Terms of Service
+ {' '}
+ and{' '}
+
+ Privacy Policy
+
+ .
)}
>
diff --git a/packages/twenty-front/src/pages/auth/Invite.tsx b/packages/twenty-front/src/pages/auth/Invite.tsx
index 87d48e1b2..177758afa 100644
--- a/packages/twenty-front/src/pages/auth/Invite.tsx
+++ b/packages/twenty-front/src/pages/auth/Invite.tsx
@@ -1,5 +1,5 @@
-import { useMemo } from 'react';
import styled from '@emotion/styled';
+import { useMemo } from 'react';
import { useRecoilValue } from 'recoil';
import { Logo } from '@/auth/components/Logo';
@@ -74,8 +74,23 @@ export const Invite = () => {
/>
- By using Twenty, you agree to the Terms of Service and Privacy
- Policy.
+ By using Twenty, you agree to the{' '}
+
+ Terms of Service
+ {' '}
+ and{' '}
+
+ Privacy Policy
+
+ .
>
) : (