diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx
index e03c64a422..9761a373d4 100644
--- a/src/view/com/composer/Composer.tsx
+++ b/src/view/com/composer/Composer.tsx
@@ -908,7 +908,7 @@ export const ComposePost = ({
             )}
             <View style={a.flex_1} />
             <SelectLangBtn />
-            <CharProgress count={graphemeLength} />
+            <CharProgress count={graphemeLength} style={{width: 65}} />
           </View>
         </View>
         <Prompt.Basic
diff --git a/src/view/com/composer/char-progress/CharProgress.tsx b/src/view/com/composer/char-progress/CharProgress.tsx
index c61f753f26..a97ede5fb1 100644
--- a/src/view/com/composer/char-progress/CharProgress.tsx
+++ b/src/view/com/composer/char-progress/CharProgress.tsx
@@ -8,6 +8,7 @@ import ProgressPie from 'react-native-progress/Pie'
 import {MAX_GRAPHEME_LENGTH} from '#/lib/constants'
 import {usePalette} from '#/lib/hooks/usePalette'
 import {s} from '#/lib/styles'
+import {atoms as a} from '#/alf'
 import {Text} from '../../util/text/Text'
 
 export function CharProgress({
@@ -28,7 +29,7 @@ export function CharProgress({
   const textColor = count > maxLength ? '#e60000' : pal.colors.text
   const circleColor = count > maxLength ? '#e60000' : pal.colors.link
   return (
-    <View style={style}>
+    <View style={[a.flex_row, a.align_center, style]}>
       <Text style={[s.mr10, s.tabularNum, {color: textColor}, textStyle]}>
         {maxLength - count}
       </Text>