From a4f49a3bcd57941b467751970d2cb05ceaf2e9cc Mon Sep 17 00:00:00 2001
From: DS Boyce <260543580+ds-boyce@users.noreply.github.com>
Date: Thu, 30 Jul 2026 16:41:02 -0700
Subject: [PATCH] Tweak composer prompt and latest button

---
 src/view/com/feeds/ComposerPrompt.tsx           |  8 +++-----
 src/view/com/util/load-latest/LoadLatestBtn.tsx | 11 +++++++++--
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/view/com/feeds/ComposerPrompt.tsx b/src/view/com/feeds/ComposerPrompt.tsx
index b221b0fae3..c42cc91ccb 100644
--- a/src/view/com/feeds/ComposerPrompt.tsx
+++ b/src/view/com/feeds/ComposerPrompt.tsx
@@ -14,7 +14,7 @@ import {openCamera, openUnifiedPicker} from '#/lib/media/picker'
 import {useCurrentAccountProfile} from '#/state/queries/useCurrentAccountProfile'
 import {MAX_GALLERY_IMAGES} from '#/view/com/composer/state/composer'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
-import {atoms as a, native, useTheme, web} from '#/alf'
+import {atoms as a, native, useBreakpoints, useTheme, web} from '#/alf'
 import {Button} from '#/components/Button'
 import {useSheetWrapper} from '#/components/Dialog/sheet-wrapper'
 import {Camera_Stroke2_Corner0_Rounded as CameraIcon} from '#/components/icons/Camera'
@@ -29,6 +29,7 @@ export function ComposerPrompt() {
   const ax = useAnalytics()
   const {_} = useLingui()
   const {openComposer} = useOpenComposer()
+  const {gtMobile} = useBreakpoints()
   const profile = useCurrentAccountProfile()
   const [hover, setHover] = useState(false)
   const {requestCameraAccessIfNeeded} = useCameraPermission()
@@ -152,10 +153,7 @@ export function ComposerPrompt() {
         a.relative,
         a.flex_row,
         a.align_start,
-        {
-          paddingLeft: 18,
-          paddingRight: 15,
-        },
+        gtMobile ? a.px_lg : a.px_md,
         a.py_md,
         native({
           paddingTop: 10,
diff --git a/src/view/com/util/load-latest/LoadLatestBtn.tsx b/src/view/com/util/load-latest/LoadLatestBtn.tsx
index d99d342d3c..67ebc63c18 100644
--- a/src/view/com/util/load-latest/LoadLatestBtn.tsx
+++ b/src/view/com/util/load-latest/LoadLatestBtn.tsx
@@ -9,7 +9,13 @@ import {useMinimalShellFabTransform} from '#/lib/hooks/useMinimalShellTransform'
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {clamp} from '#/lib/numbers'
 import {useSession} from '#/state/session'
-import {atoms as a, useLayoutBreakpoints, useTheme, web} from '#/alf'
+import {
+  atoms as a,
+  useBreakpoints,
+  useLayoutBreakpoints,
+  useTheme,
+  web,
+} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {ArrowTop_Stroke2_Corner0_Rounded as ArrowIcon} from '#/components/icons/Arrow'
 import {CENTER_COLUMN_OFFSET} from '#/components/Layout'
@@ -27,6 +33,7 @@ export function LoadLatestBtn({
   const {hasSession} = useSession()
   const {isDesktop, isTablet, isMobile, isTabletOrMobile} = useWebMediaQueries()
   const {centerColumnOffset} = useLayoutBreakpoints()
+  const {gtMobile} = useBreakpoints()
   const fabMinimalShellTransform = useMinimalShellFabTransform()
   const insets = useSafeAreaInsets()
   const t = useTheme()
@@ -53,7 +60,7 @@ export function LoadLatestBtn({
       style={[
         a.fixed,
         a.z_20,
-        {left: 18},
+        {left: gtMobile ? a.pl_lg.paddingLeft : a.pl_md.paddingLeft},
         isDesktop &&
           (isTallViewport
             ? styles.loadLatestOutOfLine