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 + + . ) : (