about summary refs log tree commit diff
path: root/src/screens/Profile/Header/DisplayName.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/screens/Profile/Header/DisplayName.tsx')
-rw-r--r--src/screens/Profile/Header/DisplayName.tsx11
1 files changed, 9 insertions, 2 deletions
diff --git a/src/screens/Profile/Header/DisplayName.tsx b/src/screens/Profile/Header/DisplayName.tsx
index e30162c3a..bcc56d7f6 100644
--- a/src/screens/Profile/Header/DisplayName.tsx
+++ b/src/screens/Profile/Header/DisplayName.tsx
@@ -5,7 +5,7 @@ import {AppBskyActorDefs, ModerationDecision} from '@atproto/api'
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {Shadow} from '#/state/cache/types'
-import {atoms as a, useTheme} from '#/alf'
+import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
 export function ProfileHeaderDisplayName({
@@ -16,12 +16,19 @@ export function ProfileHeaderDisplayName({
   moderation: ModerationDecision
 }) {
   const t = useTheme()
+  const {gtMobile} = useBreakpoints()
+
   return (
     <View pointerEvents="none">
       <Text
         emoji
         testID="profileHeaderDisplayName"
-        style={[t.atoms.text, a.text_4xl, a.self_start, {fontWeight: '600'}]}>
+        style={[
+          t.atoms.text,
+          gtMobile ? a.text_4xl : a.text_3xl,
+          a.self_start,
+          {fontWeight: '600'},
+        ]}>
         {sanitizeDisplayName(
           profile.displayName || sanitizeHandle(profile.handle),
           moderation.ui('displayName'),