diff --git a/src/view/screens/PrivacyPolicy.tsx b/src/view/screens/PrivacyPolicy.tsx
index a89eaadc4..787a1409b 100644
--- a/src/view/screens/PrivacyPolicy.tsx
+++ b/src/view/screens/PrivacyPolicy.tsx
@@ -1,51 +1,28 @@
 import React from 'react'
-import {View} from 'react-native'
-import {msg, Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-import {useFocusEffect} from '@react-navigation/native'
-
-import {usePalette} from '#/lib/hooks/usePalette'
-import {
-  type CommonNavigatorParams,
-  type NativeStackScreenProps,
-} from '#/lib/routes/types'
-import {s} from '#/lib/styles'
-import {useSetMinimalShellMode} from '#/state/shell'
-import {TextLink} from '#/view/com/util/Link'
-import {Text} from '#/view/com/util/text/Text'
-import {ScrollView} from '#/view/com/util/Views'
+import { ScrollView } from 'react-native'
 import * as Layout from '#/components/Layout'
-import {ViewHeader} from '../com/util/ViewHeader'
-
-type Props = NativeStackScreenProps<CommonNavigatorParams, 'PrivacyPolicy'>
-export const PrivacyPolicyScreen = (_props: Props) => {
-  const pal = usePalette('default')
-  const {_} = useLingui()
-  const setMinimalShellMode = useSetMinimalShellMode()
+import { useSetTitle } from '#/lib/hooks/useSetTitle'
+import { atoms as a, useTheme } from '#/alf'
+import { Text } from '#/components/Typography'
 
-  useFocusEffect(
-    React.useCallback(() => {
-      setMinimalShellMode(false)
-    }, [setMinimalShellMode]),
-  )
+export function PrivacyPolicyScreen() {
+  useSetTitle('Privacy Policy')
+  const t = useTheme()
 
   return (
     <Layout.Screen>
-      <ViewHeader title={_(msg`Privacy Policy`)} />
-      <ScrollView style={[s.hContentRegion, pal.view]}>
-        <View style={[s.p20]}>
-          <Text style={pal.text}>
-            <Trans>
-              The Privacy Policy has been moved to{' '}
-              <TextLink
-                style={pal.link}
-                href="https://bsky.social/about/support/privacy-policy"
-                text="bsky.social/about/support/privacy-policy"
-              />
-            </Trans>
-          </Text>
-        </View>
-        <View style={s.footerSpacer} />
+      <ScrollView
+        style={[a.flex_1, { backgroundColor: t.palette.white }]}
+        contentContainerStyle={[a.p_lg, a.pt_5xl, a.pb_5xl]}>
+        <Text style={[a.text_2xl, a.font_bold, a.mb_lg]}>Privacy Policy</Text>
+
+        <Text style={[a.mb_md]}>
+          Please refer to the following page for the Privacy Policy.
+        </Text>
+
+        <Text style={[a.text_md, a.mb_md, { color: t.palette.primary_500 }]}>
+          https://syu.is/about/support/privacy-policy
+        </Text>
       </ScrollView>
     </Layout.Screen>
   )
diff --git a/src/view/screens/TermsOfService.tsx b/src/view/screens/TermsOfService.tsx
index d843c713c..28333cc5b 100644
--- a/src/view/screens/TermsOfService.tsx
+++ b/src/view/screens/TermsOfService.tsx
@@ -1,49 +1,28 @@
 import React from 'react'
-import {View} from 'react-native'
-import {msg, Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-import {useFocusEffect} from '@react-navigation/native'
-
-import {usePalette} from '#/lib/hooks/usePalette'
-import {
-  type CommonNavigatorParams,
-  type NativeStackScreenProps,
-} from '#/lib/routes/types'
-import {s} from '#/lib/styles'
-import {useSetMinimalShellMode} from '#/state/shell'
-import {TextLink} from '#/view/com/util/Link'
-import {Text} from '#/view/com/util/text/Text'
-import {ScrollView} from '#/view/com/util/Views'
+import { ScrollView } from 'react-native'
 import * as Layout from '#/components/Layout'
-import {ViewHeader} from '../com/util/ViewHeader'
-
-type Props = NativeStackScreenProps<CommonNavigatorParams, 'TermsOfService'>
-export const TermsOfServiceScreen = (_props: Props) => {
-  const pal = usePalette('default')
-  const setMinimalShellMode = useSetMinimalShellMode()
-  const {_} = useLingui()
+import { useSetTitle } from '#/lib/hooks/useSetTitle'
+import { atoms as a, useTheme } from '#/alf'
+import { Text } from '#/components/Typography'
 
-  useFocusEffect(
-    React.useCallback(() => {
-      setMinimalShellMode(false)
-    }, [setMinimalShellMode]),
-  )
+export function TermsOfServiceScreen() {
+  useSetTitle('Terms of Service')
+  const t = useTheme()
 
   return (
     <Layout.Screen>
-      <ViewHeader title={_(msg`Terms of Service`)} />
-      <ScrollView style={[s.hContentRegion, pal.view]}>
-        <View style={[s.p20]}>
-          <Text style={pal.text}>
-            <Trans>The Terms of Service have been moved to</Trans>{' '}
-            <TextLink
-              style={pal.link}
-              href="https://bsky.social/about/support/tos"
-              text="bsky.social/about/support/tos"
-            />
-          </Text>
-        </View>
-        <View style={s.footerSpacer} />
+      <ScrollView
+        style={[a.flex_1, { backgroundColor: t.palette.white }]}
+        contentContainerStyle={[a.p_lg, a.pt_5xl, a.pb_5xl]}>
+        <Text style={[a.text_2xl, a.font_bold, a.mb_lg]}>Terms of Service</Text>
+
+        <Text style={[a.mb_md]}>
+          Please refer to the following page for the Terms of Service.
+        </Text>
+
+        <Text style={[a.text_md, a.mb_md, { color: t.palette.primary_500 }]}>
+          https://syu.is/about/support/tos
+        </Text>
       </ScrollView>
     </Layout.Screen>
   )