diff --git a/web/pages/404.tsx b/web/pages/404.tsx
index 8e03be29..6944eb25 100644
--- a/web/pages/404.tsx
+++ b/web/pages/404.tsx
@@ -4,6 +4,7 @@ import {Col} from 'web/components/layout/col'
 
 import {Title} from 'web/components/widgets/title'
 import {SEO} from "web/components/SEO";
+import {useT} from "web/lib/locale";
 
 
 export default function Custom404(props: { customText?: string }) {
@@ -22,13 +23,16 @@ export default function Custom404(props: { customText?: string }) {
 
 export function Custom404Content(props: { customText?: string }) {
   const {customText} = props
+  const t = useT()
+
   return (
     <div className="flex h-[50vh] flex-col items-center justify-center">
       <Col className="mx-4">
-        <Title>404: Oops!</Title>
-        {customText ? <p>{customText}</p> : <p>I can't find that page.</p>}
+        <Title>{t('404.title', "404: Oops!")}</Title>
+        {customText ? <p>{customText}</p> : <p>{t('404.default_message', "I can't find that page.")}</p>}
         <p className="custom-link">
-          If you didn't expect this, get some <Link href={'/help'}>help</Link>.
+          {t('404.help_text', "If you didn't expect this, get some ")}
+          <Link href={'/help'}>{t("organization.help", "help").toLowerCase()}</Link>.
         </p>
 
         {/*<Link href="/">*/}