diff --git a/web/pages/referrals.tsx b/web/pages/referrals.tsx
index 58bbc5ee..e96913b0 100644
--- a/web/pages/referrals.tsx
+++ b/web/pages/referrals.tsx
@@ -6,25 +6,27 @@ import { Col } from 'web/components/layout/col'
 import { QRCode } from 'web/components/widgets/qr-code'
 import { Title } from 'web/components/widgets/title'
 import { useUser } from 'web/hooks/use-user'
+import {useT} from "web/lib/locale";
 
 export default function ReferralsPage() {
   const user = useUser()
+  const t = useT()
 
   const url = user
     ? `https://${ENV_CONFIG.domain}/?referrer=${user.username}`
     : `https://${ENV_CONFIG.domain}/`
 
+  const title = t('referrals.title', `Invite someone to join Compass!`)
+
   return (
     <PageBase trackPageView={'referrals'} className="items-center">
       <SEO
         title="Compass"
-        description={`Invite someone to join Compass!`}
+        description={title}
       />
 
       <Col className="bg-canvas-0 rounded-lg p-4 sm:p-8">
-        <Title>Invite someone to join Compass!</Title>
-
-        <div className="mb-4">Invite someone to join</div>
+        <Title>{title}</Title>
 
         <CopyLinkRow url={url} eventTrackingName="copyreferral" />