make sure its usable on large font sizes

src/view/com/composer/Composer.tsx

@@ -13,6 +13,7 @@ import {
   Keyboard,
   KeyboardAvoidingView,
   LayoutChangeEvent,
+  ScrollView,
   StyleProp,
   StyleSheet,
   View,
@@ -744,36 +745,35 @@ export const ComposePost = ({
           <SuggestedLanguage text={richtext.text} />
 
           <Animated.View
-            style={[
+            style={[a.flex_row, a.p_sm, t.atoms.bg, bottomBarAnimatedStyle]}>
-              a.flex_row,
+            <ScrollView
-              a.p_sm,
+              horizontal
-              a.gap_sm,
+              contentContainerStyle={[a.gap_sm]}
-              t.atoms.bg,
+              bounces={false}>
-              bottomBarAnimatedStyle,
+              {replyTo ? null : (
-            ]}>
+                <ThreadgateBtn
-            {replyTo ? null : (
+                  postgate={draft.postgate}
-              <ThreadgateBtn
+                  onChangePostgate={nextPostgate => {
-                postgate={draft.postgate}
+                    dispatch({type: 'update_postgate', postgate: nextPostgate})
-                onChangePostgate={nextPostgate => {
+                  }}
-                  dispatch({type: 'update_postgate', postgate: nextPostgate})
+                  threadgateAllowUISettings={draft.threadgate}
+                  onChangeThreadgateAllowUISettings={nextThreadgate => {
+                    dispatch({
+                      type: 'update_threadgate',
+                      threadgate: nextThreadgate,
+                    })
+                  }}
+                  style={bottomBarAnimatedStyle}
+                />
+              )}
+              <LabelsBtn
+                labels={draft.labels}
+                onChange={nextLabels => {
+                  dispatch({type: 'update_labels', labels: nextLabels})
                 }}
-                threadgateAllowUISettings={draft.threadgate}
+                hasMedia={hasMedia || Boolean(extLink)}
-                onChangeThreadgateAllowUISettings={nextThreadgate => {
-                  dispatch({
-                    type: 'update_threadgate',
-                    threadgate: nextThreadgate,
-                  })
-                }}
-                style={bottomBarAnimatedStyle}
               />
-            )}
+            </ScrollView>
-            <LabelsBtn
-              labels={draft.labels}
-              onChange={nextLabels => {
-                dispatch({type: 'update_labels', labels: nextLabels})
-              }}
-              hasMedia={hasMedia || Boolean(extLink)}
-            />
           </Animated.View>
           <View
             style={[