Prevent layout shift with align_start

src/components/PostControls/index.tsx

@@ -191,11 +191,14 @@ let PostControls = ({
         a.justify_between,
         a.align_center,
         !big && a.pt_2xs,
+        a.gap_md,
         style,
       ]}>
-      <View style={[a.flex_row, a.justify_between, a.flex_1]}>
+      <View style={[a.flex_row, a.flex_1]}>
         <View
           style={[
+            a.flex_1,
+            a.align_start,
             {marginLeft: big ? -2 : -6},
             replyDisabled ? {opacity: 0.5} : undefined,
           ]}>
@@ -225,6 +228,7 @@ let PostControls = ({
             )}
           </PostControlButton>
         </View>
+        <View style={[a.flex_1, a.align_start]}>
           <RepostButton
             isReposted={!!post.viewer?.repost}
             repostCount={(post.repostCount ?? 0) + (post.quoteCount ?? 0)}
@@ -233,6 +237,8 @@ let PostControls = ({
             big={big}
             embeddingDisabled={Boolean(post.viewer?.embeddingDisabled)}
           />
+        </View>
+        <View style={[a.flex_1, a.align_start]}>
           <PostControlButton
             testID="likeBtn"
             big={big}
@@ -272,6 +278,7 @@ let PostControls = ({
               hasBeenToggled={hasLikeIconBeenToggled}
             />
           </PostControlButton>
+        </View>
         {/* Spacer! */}
         <View />
       </View>