diff --git a/src/screens/PostThread/components/ThreadItemAnchor.tsx b/src/screens/PostThread/components/ThreadItemAnchor.tsx
index e924ab492..c66cf8126 100644
--- a/src/screens/PostThread/components/ThreadItemAnchor.tsx
+++ b/src/screens/PostThread/components/ThreadItemAnchor.tsx
@@ -26,6 +26,7 @@ import {useDisableLikesMetrics} from '#/state/preferences/disable-likes-metrics'
 import {useDisableQuotesMetrics} from '#/state/preferences/disable-quotes-metrics'
 import {useDisableRepostsMetrics} from '#/state/preferences/disable-reposts-metrics'
 import {useDisableSavesMetrics} from '#/state/preferences/disable-saves-metrics'
+import {useCompactPosts} from '#/state/preferences/compact-posts'
 import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
 import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useHideScaryFollowButtons} from '#/state/preferences/hide-scary-follow-buttons'
@@ -145,12 +146,28 @@ function ThreadItemAnchorDeleted({isRoot}: {isRoot: boolean}) {
   )
 }
 
-function ThreadItemAnchorParentReplyLine({isRoot}: {isRoot: boolean}) {
+function ThreadItemAnchorParentReplyLine({
+  isRoot,
+  compactPosts = false,
+}: {
+  isRoot: boolean
+  compactPosts?: boolean
+}) {
   const t = useTheme()
+  const avatarSize = compactPosts ? 34 : 42
+  const sidePadding = compactPosts ? OUTER_SPACE - 2 : OUTER_SPACE
 
   return !isRoot ? (
-    <View style={[a.pl_lg, a.flex_row, a.pb_xs, {height: a.pt_lg.paddingTop}]}>
-      <View style={{width: 42}}>
+    <View
+      style={[
+        a.flex_row,
+        compactPosts ? a.pb_2xs : a.pb_xs,
+        {
+          paddingLeft: sidePadding,
+          height: compactPosts ? a.pt_md.paddingTop : a.pt_lg.paddingTop,
+        },
+      ]}>
+      <View style={{width: avatarSize}}>
         <View
           style={[
             {
@@ -189,6 +206,10 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
   const {currentAccount, hasSession} = useSession()
   const feedFeedback = useFeedFeedback(postSource?.feedSourceInfo, hasSession)
   const formatPostStatCount = useFormatPostStatCount()
+  const compactPosts = useCompactPosts()
+  const isCompactPosts = !!compactPosts
+  const avatarSize = isCompactPosts ? 34 : 42
+  const sidePadding = isCompactPosts ? OUTER_SPACE - 2 : OUTER_SPACE
 
   const post = postShadow
   const record = item.value.post.record
@@ -206,6 +227,12 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
 
   const threadRootUri = record.reply?.root?.uri || post.uri
   const authorHref = makeProfileLink(post.author)
+  const displayName = sanitizeDisplayName(
+    post.author.displayName || sanitizeHandle(post.author.handle),
+    moderation.ui('displayName'),
+  )
+  const isAllLowercaseDisplayName =
+    displayName === displayName.toLowerCase() && /[a-z]/.test(displayName)
   const isThreadAuthor = getThreadAuthor(post, record) === currentAccount?.did
 
   // disable metrics
@@ -325,20 +352,29 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
 
   return (
     <>
-      <ThreadItemAnchorParentReplyLine isRoot={isRoot} />
+      <ThreadItemAnchorParentReplyLine
+        isRoot={isRoot}
+        compactPosts={isCompactPosts}
+      />
       <GalleryBleed>
         <View
           testID={`postThreadItem-by-${post.author.handle}`}
           style={[
             {
-              paddingHorizontal: OUTER_SPACE,
+              paddingHorizontal: sidePadding,
             },
-            isRoot && [a.pt_lg],
+            isRoot && [isCompactPosts ? a.pt_md : a.pt_lg],
           ]}>
-          <View style={[a.flex_row, a.gap_md, a.pb_md]}>
+          <View
+            style={[
+              a.flex_row,
+              a.align_start,
+              isCompactPosts ? a.gap_sm : a.gap_md,
+              isCompactPosts ? a.pb_sm : a.pb_md,
+            ]}>
             <View collapsable={false}>
               <PreviewableUserAvatar
-                size={42}
+                size={avatarSize}
                 profile={post.author}
                 moderation={moderation.ui('avatar')}
                 type={post.author.associated?.labeler ? 'labeler' : 'user'}
@@ -348,11 +384,13 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
             </View>
             <Link
               to={authorHref}
-              style={[a.flex_1]}
-              label={sanitizeDisplayName(
-                post.author.displayName || sanitizeHandle(post.author.handle),
-                moderation.ui('displayName'),
-              )}
+              style={[
+                a.flex_1,
+                isCompactPosts && {
+                  marginTop: isAllLowercaseDisplayName ? -4 : -3,
+                },
+              ]}
+              label={displayName}
               onPress={onOpenAuthor}>
               <View style={[a.flex_1, a.align_start]}>
                 <ProfileHoverCard did={post.author.did} style={[a.w_full]}>
@@ -361,20 +399,22 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                       emoji
                       style={[
                         a.flex_shrink,
-                        a.text_lg,
+                        isCompactPosts ? a.text_md : a.text_lg,
                         a.font_semi_bold,
                         a.leading_snug,
                       ]}
                       numberOfLines={1}>
-                      {sanitizeDisplayName(
-                        post.author.displayName ||
-                          sanitizeHandle(post.author.handle),
-                        moderation.ui('displayName'),
-                      )}
+                      {displayName}
                     </Text>
 
                     <View
-                      style={[a.pl_xs, a.flex_row, a.gap_2xs, a.align_center]}>
+                      style={[
+                        a.pl_xs,
+                        a.flex_row,
+                        a.gap_2xs,
+                        a.align_center,
+                        isCompactPosts && {marginTop: 1},
+                      ]}>
                       <ProfileBadges
                         profile={authorShadow}
                         size="md"
@@ -384,7 +424,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   </View>
                   <Text
                     style={[
-                      a.text_md,
+                      isCompactPosts ? a.text_sm : a.text_md,
                       a.leading_snug,
                       t.atoms.text_contrast_medium,
                     ]}
@@ -394,24 +434,27 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                 </ProfileHoverCard>
               </View>
             </Link>
-            <View collapsable={false} style={[a.self_center]}>
+            <View collapsable={false} style={[a.self_start]}>
               <ThreadItemAnchorFollowButton
                 did={post.author.did}
                 enabled={showFollowButton}
               />
             </View>
           </View>
-          <View style={[a.pb_sm]}>
-            <LabelsOnMyPost post={post} style={[a.pb_sm]} />
+          <View style={[isCompactPosts ? a.pb_2xs : a.pb_sm]}>
+            <LabelsOnMyPost
+              post={post}
+              style={[isCompactPosts ? a.pb_2xs : a.pb_sm]}
+            />
             <ContentHider
               modui={moderation.ui('contentView')}
               ignoreMute
-              childContainerStyle={[a.pt_sm]}>
+              childContainerStyle={[isCompactPosts ? a.pt_2xs : a.pt_sm]}>
               <PostAlerts
                 modui={moderation.ui('contentView')}
-                size="lg"
+                size={isCompactPosts ? 'sm' : 'lg'}
                 includeMute
-                style={[a.pb_sm]}
+                style={[isCompactPosts ? a.pb_2xs : a.pb_sm]}
                 additionalCauses={additionalPostAlerts}
               />
               {richText?.text ? (
@@ -419,14 +462,20 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   enableTags
                   selectable
                   value={richText}
-                  style={[a.flex_1, a.text_lg]}
+                  style={[a.flex_1, isCompactPosts ? a.text_md : a.text_lg]}
                   authorHandle={post.author.handle}
                   shouldProxyLinks={true}
                 />
               ) : undefined}
-              <TranslatedPost post={post} postTextStyle={[a.text_lg]} />
+              <TranslatedPost
+                post={post}
+                postTextStyle={[isCompactPosts ? a.text_md : a.text_lg]}
+              />
               {post.embed && (
-                <View style={[richText?.text ? a.py_xs : []]}>
+                <View
+                  style={[
+                    richText?.text ? (isCompactPosts ? a.py_2xs : a.py_xs) : [],
+                  ]}>
                   <Embed
                     embed={post.embed}
                     moderation={moderation}
@@ -439,6 +488,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
             <ExpandedPostDetails
               post={item.value.post}
               isThreadAuthor={isThreadAuthor}
+              compactPosts={isCompactPosts}
             />
             {(post.repostCount !== 0 && !disableRepostsMetrics) ||
             (post.likeCount !== 0 && !disableLikesMetrics) ||
@@ -456,8 +506,8 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   },
                   a.border_t,
                   a.border_b,
-                  a.mt_md,
-                  a.py_md,
+                  isCompactPosts ? a.mt_sm : a.mt_md,
+                  isCompactPosts ? a.py_sm : a.py_md,
                   t.atoms.border_contrast_low,
                 ]}>
                 {post.repostCount != null &&
@@ -546,15 +596,16 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
             ) : null}
             <View
               style={[
-                a.pt_sm,
+                isCompactPosts ? a.pt_2xs : a.pt_sm,
                 a.pb_2xs,
-                {
+                !isCompactPosts && {
                   marginLeft: -5,
                 },
               ]}>
               <FeedFeedbackProvider value={feedFeedback}>
                 <PostControls
-                  big
+                  big={!isCompactPosts}
+                  variant={isCompactPosts ? 'compact' : undefined}
                   post={postShadow}
                   record={record}
                   richText={richText}
@@ -578,9 +629,11 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
 function ExpandedPostDetails({
   post,
   isThreadAuthor,
+  compactPosts,
 }: {
   post: Extract<ThreadItem, {type: 'threadPost'}>['value']['post']
   isThreadAuthor: boolean
+  compactPosts: boolean
 }) {
   const t = useTheme()
   const {i18n} = useLingui()
@@ -589,7 +642,12 @@ function ExpandedPostDetails({
   const via = post.record.via as string | undefined
 
   return (
-    <View style={[a.gap_md, a.pt_md, a.align_start]}>
+    <View
+      style={[
+        compactPosts ? a.gap_sm : a.gap_md,
+        compactPosts ? a.pt_sm : a.pt_md,
+        a.align_start,
+      ]}>
       <BackdatedPostIndicator post={post} />
       <View style={[a.flex_row, a.align_center, a.flex_wrap, a.gap_sm]}>
         <Text style={[a.text_sm, t.atoms.text_contrast_medium]}>
diff --git a/src/screens/PostThread/components/ThreadItemPost.tsx b/src/screens/PostThread/components/ThreadItemPost.tsx
index 303a8e9e2..3e70a9906 100644
--- a/src/screens/PostThread/components/ThreadItemPost.tsx
+++ b/src/screens/PostThread/components/ThreadItemPost.tsx
@@ -18,6 +18,7 @@ import {
   usePostShadow,
 } from '#/state/cache/post-shadow'
 import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
+import {useCompactPosts} from '#/state/preferences/compact-posts'
 import {type ThreadItem} from '#/state/queries/usePostThread/types'
 import {useSession} from '#/state/session'
 import {type OnPostSuccessData} from '#/state/shell/composer'
@@ -92,7 +93,11 @@ function ThreadItemPostDeleted({
 
   return (
     <ThreadItemPostOuterWrapper item={item} overrides={overrides}>
-      <ThreadItemPostParentReplyLine item={item} />
+      <ThreadItemPostParentReplyLine
+        item={item}
+        avatarSize={LINEAR_AVI_WIDTH}
+        compactPosts={false}
+      />
 
       <View
         style={[
@@ -132,6 +137,7 @@ const ThreadItemPostOuterWrapper = memo(function ThreadItemPostOuterWrapper({
   children: ReactNode
 }) {
   const t = useTheme()
+  const compactPosts = useCompactPosts()
   const showTopBorder =
     !item.ui.showParentReplyLine && overrides?.topBorder !== true
 
@@ -140,11 +146,11 @@ const ThreadItemPostOuterWrapper = memo(function ThreadItemPostOuterWrapper({
       <View
         style={[
           showTopBorder && [a.border_t, t.atoms.border_contrast_low],
-          {paddingHorizontal: OUTER_SPACE},
+          {paddingHorizontal: compactPosts ? OUTER_SPACE - 2 : OUTER_SPACE},
           // If there's no next child, add a little padding to bottom
           !item.ui.showChildReplyLine &&
             !item.ui.precedesChildReadMore && {
-              paddingBottom: OUTER_SPACE / 2,
+              paddingBottom: compactPosts ? OUTER_SPACE / 3 : OUTER_SPACE / 2,
             },
         ]}>
         {children}
@@ -159,17 +165,23 @@ const ThreadItemPostOuterWrapper = memo(function ThreadItemPostOuterWrapper({
 const ThreadItemPostParentReplyLine = memo(
   function ThreadItemPostParentReplyLine({
     item,
-  }: Pick<ThreadItemPostProps, 'item'>) {
+    avatarSize,
+    compactPosts,
+  }: {
+    item: Extract<ThreadItem, {type: 'threadPost'}>
+    avatarSize: number
+    compactPosts: boolean
+  }) {
     const t = useTheme()
     return (
-      <View style={[a.flex_row, {height: 12}]}>
-        <View style={{width: LINEAR_AVI_WIDTH}}>
+      <View style={[a.flex_row, {height: compactPosts ? 8 : 12}]}>
+        <View style={{width: avatarSize}}>
           {item.ui.showParentReplyLine && (
             <View
               style={[
                 a.mx_auto,
                 a.flex_1,
-                a.mb_xs,
+                compactPosts ? a.mb_2xs : a.mb_xs,
                 {
                   width: REPLY_LINE_WIDTH,
                   backgroundColor: t.atoms.border_contrast_low.borderColor,
@@ -195,6 +207,8 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
   const t = useTheme()
   const {openComposer} = useOpenComposer()
   const {currentAccount} = useSession()
+  const compactPosts = useCompactPosts()
+  const avatarSize = compactPosts ? 34 : LINEAR_AVI_WIDTH
 
   const post = item.value.post
   const record = item.value.post.record
@@ -264,16 +278,20 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
           disabled={overrides?.moderation === true}
           modui={moderation.ui('contentList')}
           hiderStyle={[a.pl_0, a.pr_2xs, a.bg_transparent]}
-          iconSize={LINEAR_AVI_WIDTH}
+          iconSize={avatarSize}
           iconStyles={[a.mr_xs]}
           profile={post.author}
           interpretFilterAsBlur>
-          <ThreadItemPostParentReplyLine item={item} />
+          <ThreadItemPostParentReplyLine
+            item={item}
+            avatarSize={avatarSize}
+            compactPosts={!!compactPosts}
+          />
 
-          <View style={[a.flex_row, a.gap_md]}>
+          <View style={[a.flex_row, compactPosts ? a.gap_sm : a.gap_md]}>
             <View>
               <PreviewableUserAvatar
-                size={LINEAR_AVI_WIDTH}
+                size={avatarSize}
                 profile={post.author}
                 moderation={moderation.ui('avatar')}
                 type={post.author.associated?.labeler ? 'labeler' : 'user'}
@@ -285,7 +303,7 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
                 <View
                   style={[
                     a.mx_auto,
-                    a.mt_xs,
+                    compactPosts ? a.mt_2xs : a.mt_xs,
                     a.flex_1,
                     {
                       width: REPLY_LINE_WIDTH,
@@ -303,7 +321,7 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
                 timestamp={post.indexedAt}
                 postHref={postHref}
                 style={[
-                  a.pb_xs,
+                  compactPosts ? a.pb_0 : a.pb_xs,
                   maybeApplyGalleryOffsetStyles('meta', {
                     post,
                     modui: moderation.ui('contentList'),
@@ -311,7 +329,10 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
                   }),
                 ]}
               />
-              <LabelsOnMyPost post={post} style={[a.pb_xs]} />
+              <LabelsOnMyPost
+                post={post}
+                style={[compactPosts ? a.pb_2xs : a.pb_xs]}
+              />
               <PostAlerts
                 modui={moderation.ui('contentList')}
                 style={[a.pb_2xs]}
@@ -354,6 +375,7 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
                 </View>
               )}
               <PostControls
+                variant={compactPosts ? 'compact' : undefined}
                 post={postShadow}
                 record={record}
                 richText={richText}
diff --git a/src/screens/Settings/AppearanceSettings.tsx b/src/screens/Settings/AppearanceSettings.tsx
index ca794b6a5..017e7571f 100644
--- a/src/screens/Settings/AppearanceSettings.tsx
+++ b/src/screens/Settings/AppearanceSettings.tsx
@@ -17,6 +17,7 @@ import {
   useEnableSquareAvatars,
   useSetEnableSquareAvatars,
 } from '#/state/preferences/enable-square-avatars'
+import {useCompactPosts, useSetCompactPosts} from '#/state/preferences'
 import {
   useEnableSquareButtons,
   useSetEnableSquareButtons,
@@ -35,6 +36,7 @@ import {Person_Stroke2_Corner0_Rounded as PersonIcon} from '#/components/icons/P
 import {Phone_Stroke2_Corner0_Rounded as PhoneIcon} from '#/components/icons/Phone'
 import {Sparkle_Stroke2_Corner0_Rounded as SparkleIcon} from '#/components/icons/Sparkle'
 import {TextSize_Stroke2_Corner0_Rounded as TextSize} from '#/components/icons/TextSize'
+import {Tree_Stroke2_Corner0_Rounded as TreeIcon} from '#/components/icons/Tree'
 import {TitleCase_Stroke2_Corner0_Rounded as Aa} from '#/components/icons/TitleCase'
 import {Window_Stroke2_Corner2_Rounded as SquareIcon} from '#/components/icons/Window'
 import * as Layout from '#/components/Layout'
@@ -57,6 +59,8 @@ export function AppearanceSettingsScreen({}: Props) {
 
   const enableSquareAvatars = useEnableSquareAvatars()
   const setEnableSquareAvatars = useSetEnableSquareAvatars()
+  const compactPosts = useCompactPosts()
+  const setCompactPosts = useSetCompactPosts()
 
   const enableSquareButtons = useEnableSquareButtons()
   const setEnableSquareButtons = useSetEnableSquareButtons()
@@ -211,6 +215,19 @@ export function AppearanceSettingsScreen({}: Props) {
                 value={fonts.scale}
                 onChange={onChangeFontScale}
               />
+              <Toggle.Item
+                name="compact_posts"
+                label={_(msg`Use compact view for posts`)}
+                value={compactPosts}
+                onChange={value => setCompactPosts(value)}>
+                <SettingsList.Item>
+                  <SettingsList.ItemIcon icon={TreeIcon} />
+                  <SettingsList.ItemText>
+                    <Trans>Use compact view for posts</Trans>
+                  </SettingsList.ItemText>
+                  <Toggle.Platform />
+                </SettingsList.Item>
+              </Toggle.Item>
 
               <SettingsList.Divider />
 
diff --git a/src/state/persisted/schema.ts b/src/state/persisted/schema.ts
index f1095652e..f5bf7171d 100644
--- a/src/state/persisted/schema.ts
+++ b/src/state/persisted/schema.ts
@@ -197,6 +197,7 @@ const schema = z.object({
   hideScaryFollowButtons: z.boolean().optional(),
   confirmFollowUnfollow: z.boolean().optional(),
   discoverContextEnabled: z.boolean().optional(),
+  compactPosts: z.boolean().optional(),
   enableSquareAvatars: z.boolean().optional(),
   enableSquareButtons: z.boolean().optional(),
   useCompactAccountSwitcher: z.boolean().optional(),
@@ -340,6 +341,7 @@ export const defaults: Schema = {
   hideScaryFollowButtons: false,
   confirmFollowUnfollow: true,
   discoverContextEnabled: false,
+  compactPosts: false,
   enableSquareAvatars: true,
   enableSquareButtons: true,
   useCompactAccountSwitcher: false,
diff --git a/src/state/preferences/compact-posts.tsx b/src/state/preferences/compact-posts.tsx
new file mode 100644
index 000000000..1062bc5f0
--- /dev/null
+++ b/src/state/preferences/compact-posts.tsx
@@ -0,0 +1,50 @@
+import {
+  createContext,
+  type PropsWithChildren,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+
+import * as persisted from '#/state/persisted'
+
+type StateContext = persisted.Schema['compactPosts']
+type SetContext = (v: persisted.Schema['compactPosts']) => void
+
+const stateContext = createContext<StateContext>(persisted.defaults.compactPosts)
+const setContext = createContext<SetContext>(
+  (_: persisted.Schema['compactPosts']) => {},
+)
+
+export function Provider({children}: PropsWithChildren<{}>) {
+  const [state, setState] = useState(persisted.get('compactPosts'))
+
+  const setStateWrapped = useCallback(
+    (value: persisted.Schema['compactPosts']) => {
+      setState(value)
+      persisted.write('compactPosts', value)
+    },
+    [setState],
+  )
+
+  useEffect(() => {
+    return persisted.onUpdate('compactPosts', next => {
+      setState(next)
+    })
+  }, [setStateWrapped])
+
+  return (
+    <stateContext.Provider value={state}>
+      <setContext.Provider value={setStateWrapped}>{children}</setContext.Provider>
+    </stateContext.Provider>
+  )
+}
+
+export function useCompactPosts() {
+  return useContext(stateContext)
+}
+
+export function useSetCompactPosts() {
+  return useContext(setContext)
+}
diff --git a/src/state/preferences/index.tsx b/src/state/preferences/index.tsx
index 14887250c..6615228d5 100644
--- a/src/state/preferences/index.tsx
+++ b/src/state/preferences/index.tsx
@@ -7,6 +7,7 @@ import {Provider as AutoCompactAccountSwitcherProvider} from './auto-compact-acc
 import {Provider as AutoLikeOnRepostProvider} from './auto-like-on-repost'
 import {Provider as AutoplayProvider} from './autoplay'
 import {Provider as CompactAccountSwitcherProvider} from './compact-account-switcher'
+import {Provider as CompactPostsProvider} from './compact-posts'
 import {Provider as ConfirmFollowUnfollowProvider} from './confirm-follow-unfollow'
 import {Provider as ConstellationProvider} from './constellation-enabled'
 import {Provider as ConstellationInstanceProvider} from './constellation-instance'
@@ -81,6 +82,7 @@ export {
   useConfirmFollowUnfollow,
   useSetConfirmFollowUnfollow,
 } from './confirm-follow-unfollow'
+export {useCompactPosts, useSetCompactPosts} from './compact-posts'
 export {
   useDisableComposerPrompt,
   useSetDisableComposerPrompt,
@@ -191,7 +193,8 @@ export function Provider({children}: PropsWithChildren<{}>) {
                                                                                                   <HideScaryFollowButtonsProvider>
                                                                                                     <ConfirmFollowUnfollowProvider>
                                                                                                       <HideUnreplyablePostsProvider>
-                                                                                                        <EnableSquareAvatarsProvider>
+                                                                                                        <CompactPostsProvider>
+                                                                                                          <EnableSquareAvatarsProvider>
                                                                                                           <EnableSquareButtonsProvider>
                                                                                                             <AutoCompactAccountSwitcherProvider>
                                                                                                               <CompactAccountSwitcherProvider>
@@ -219,7 +222,8 @@ export function Provider({children}: PropsWithChildren<{}>) {
                                                                                                               </CompactAccountSwitcherProvider>
                                                                                                             </AutoCompactAccountSwitcherProvider>
                                                                                                           </EnableSquareButtonsProvider>
-                                                                                                        </EnableSquareAvatarsProvider>
+                                                                                                          </EnableSquareAvatarsProvider>
+                                                                                                        </CompactPostsProvider>
                                                                                                       </HideUnreplyablePostsProvider>
                                                                                                     </ConfirmFollowUnfollowProvider>
                                                                                                   </HideScaryFollowButtonsProvider>
diff --git a/src/state/preferences/settings-sync.tsx b/src/state/preferences/settings-sync.tsx
index c8c38d9d4..6f1379670 100644
--- a/src/state/preferences/settings-sync.tsx
+++ b/src/state/preferences/settings-sync.tsx
@@ -65,6 +65,7 @@ export const SYNCED_PREFS_KEYS = [
   'hideScaryFollowButtons',
   'confirmFollowUnfollow',
   'discoverContextEnabled',
+  'compactPosts',
   'enableSquareAvatars',
   'enableSquareButtons',
   'useCompactAccountSwitcher',
diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx
index d168bcddb..0acafea7e 100644
--- a/src/view/com/post/Post.tsx
+++ b/src/view/com/post/Post.tsx
@@ -20,6 +20,7 @@ import {
   usePostShadow,
 } from '#/state/cache/post-shadow'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
+import {useCompactPosts} from '#/state/preferences/compact-posts'
 import {unstableCacheProfileView} from '#/state/queries/profile'
 import {Link} from '#/view/com/util/Link'
 import {PostMeta} from '#/view/com/util/PostMeta'
@@ -120,6 +121,7 @@ function PostInner({
   const queryClient = useQueryClient()
   const t = useTheme()
   const {openComposer} = useOpenComposer()
+  const compactPosts = useCompactPosts()
   const [limitLines, setLimitLines] = useState(
     () => countLines(richText?.text) >= MAX_POST_LINES,
   )
@@ -165,6 +167,7 @@ function PostInner({
           styles.outer,
           t.atoms.border_contrast_low,
           !hideTopBorder && a.border_t,
+          compactPosts && styles.outerCompact,
           style,
         ]}
         onBeforePress={onBeforePress}
@@ -193,7 +196,7 @@ function PostInner({
           <View style={styles.layoutAvi}>
             <AviFollowButton author={post.author} moderation={moderation}>
               <PreviewableUserAvatar
-                size={42}
+                size={compactPosts ? 34 : 42}
                 profile={post.author}
                 moderation={moderation.ui('avatar')}
                 type={post.author.associated?.labeler ? 'labeler' : 'user'}
@@ -263,6 +266,7 @@ function PostInner({
               ) : null}
             </ContentHider>
             <PostControls
+              variant={compactPosts ? 'compact' : undefined}
               post={post}
               record={record}
               richText={richText}
@@ -285,6 +289,10 @@ const styles = StyleSheet.create({
     // @ts-ignore web only -prf
     cursor: 'pointer',
   },
+  outerCompact: {
+    paddingTop: 6,
+    paddingBottom: 3,
+  },
   layout: {
     flexDirection: 'row',
     gap: 10,
diff --git a/src/view/com/posts/PostFeedItem.tsx b/src/view/com/posts/PostFeedItem.tsx
index 8b9081212..f2962c970 100644
--- a/src/view/com/posts/PostFeedItem.tsx
+++ b/src/view/com/posts/PostFeedItem.tsx
@@ -26,6 +26,7 @@ import {useFeedFeedbackContext} from '#/state/feed-feedback'
 import {unstableCacheProfileView} from '#/state/queries/profile'
 import {useSession} from '#/state/session'
 import {useMergedThreadgateHiddenReplies} from '#/state/threadgate-hidden-replies'
+import {useCompactPosts} from '#/state/preferences/compact-posts'
 import {
   buildPostSourceKey,
   setUnstablePostSource,
@@ -174,6 +175,7 @@ let FeedItemInner = ({
   const pal = usePalette('default')
   const t = useTheme()
   const {currentAccount} = useSession()
+  const compactPosts = useCompactPosts()
 
   const [hover, setHover] = useState(false)
 
@@ -273,9 +275,12 @@ let FeedItemInner = ({
     styles.outer,
     {
       borderColor: pal.colors.border,
+      paddingTop: compactPosts ? 2 : undefined,
       paddingBottom:
         isThreadLastChild || (!isThreadChild && !isThreadParent)
-          ? 8
+          ? compactPosts
+            ? 2
+            : 8
           : undefined,
       borderTopWidth:
         hideTopBorder || isThreadChild ? 0 : StyleSheet.hairlineWidth,
@@ -345,7 +350,12 @@ let FeedItemInner = ({
           setHover(false)
         }}>
         <SubtleHover hover={hover} />
-        <View style={{flexDirection: 'row', gap: 10, paddingLeft: 8}}>
+        <View
+          style={{
+            flexDirection: 'row',
+            gap: compactPosts ? 8 : 10,
+            paddingLeft: compactPosts ? 6 : 8,
+          }}>
           <View style={{width: isCarouselItem ? 0 : 42}}>
             {isThreadChild && (
               <View
@@ -364,7 +374,7 @@ let FeedItemInner = ({
             )}
           </View>
 
-          <View style={[a.pt_sm, a.flex_shrink]}>
+          <View style={[compactPosts ? a.pt_2xs : a.pt_sm, a.flex_shrink]}>
             {reason && (
               <PostFeedReason
                 reason={reason}
@@ -376,10 +386,10 @@ let FeedItemInner = ({
         </View>
 
         <View style={styles.layout}>
-          <View style={styles.layoutAvi}>
+          <View style={[styles.layoutAvi, compactPosts && styles.layoutAviCompact]}>
             <AviFollowButton author={post.author} moderation={moderation}>
               <PreviewableUserAvatar
-                size={42}
+                size={compactPosts ? 34 : 42}
                 profile={post.author}
                 moderation={moderation.ui('avatar')}
                 type={post.author.associated?.labeler ? 'labeler' : 'user'}
@@ -429,6 +439,7 @@ let FeedItemInner = ({
               )}
             <LabelsOnMyPost post={post} />
             <PostContent
+              compactPosts={!!compactPosts}
               moderation={moderation}
               richText={richText}
               postEmbed={post.embed}
@@ -438,6 +449,7 @@ let FeedItemInner = ({
               additionalPostAlerts={additionalPostAlerts}
             />
             <PostControls
+              variant={compactPosts ? 'compact' : undefined}
               post={post}
               record={record}
               richText={richText}
@@ -460,6 +472,7 @@ let FeedItemInner = ({
 FeedItemInner = memo(FeedItemInner)
 
 let PostContent = ({
+  compactPosts,
   post,
   moderation,
   richText,
@@ -468,6 +481,7 @@ let PostContent = ({
   onOpenEmbed,
   additionalPostAlerts,
 }: {
+  compactPosts: boolean
   moderation: ModerationDecision
   richText: RichTextAPI
   postEmbed: AppBskyFeedDefs.PostView['embed']
@@ -497,7 +511,10 @@ let PostContent = ({
       testID="contentHider-post"
       modui={moderation.ui('contentList')}
       ignoreMute
-      childContainerStyle={styles.contentHiderChild}>
+      childContainerStyle={[
+        styles.contentHiderChild,
+        compactPosts && styles.contentHiderChildCompact,
+      ]}>
       <PostAlerts
         modui={moderation.ui('contentList')}
         style={[a.pb_xs]}
@@ -563,6 +580,10 @@ const styles = StyleSheet.create({
     paddingLeft: 8,
     paddingRight: 10,
   },
+  layoutAviCompact: {
+    paddingLeft: 6,
+    paddingRight: 8,
+  },
   layoutContent: {
     flex: 1,
   },
@@ -573,6 +594,9 @@ const styles = StyleSheet.create({
   contentHiderChild: {
     marginTop: 6,
   },
+  contentHiderChildCompact: {
+    marginTop: 2,
+  },
   embed: {
     marginBottom: 6,
   },