diff --git a/src/components/AccountList.tsx b/src/components/AccountList.tsx
--- a/src/components/AccountList.tsx
+++ b/src/components/AccountList.tsx
@@ -8,6 +8,7 @@
 import {isJwtExpired} from '#/lib/jwt'
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
 import {sanitizeHandle} from '#/lib/strings/handles'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useProfilesQuery} from '#/state/queries/profile'
 import {type SessionAccount, useSession} from '#/state/session'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
@@ -34,6 +35,7 @@
   const {currentAccount, accounts} = useSession()
   const t = useTheme()
   const {_} = useLingui()
+  const enableSquareButtons = useEnableSquareButtons()
   const {data: profiles} = useProfilesQuery({
     handles: accounts.map(acc => acc.did),
   })
@@ -81,7 +83,7 @@
             <View
               style={[
                 t.atoms.bg_contrast_25,
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 {width: 48, height: 48},
                 a.justify_center,
                 a.align_center,
@@ -117,6 +119,7 @@
   const {_} = useLingui()
   const verification = useSimpleVerificationState({profile})
   const {isActive: live} = useActorStatus(profile)
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onPress = useCallback(() => {
     onSelect(account)
@@ -201,7 +204,7 @@
                   height: 20,
                   backgroundColor: t.palette.positive_500,
                 },
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 a.justify_center,
                 a.align_center,
               ]}>
diff --git a/src/components/BlockedGeoOverlay.tsx b/src/components/BlockedGeoOverlay.tsx
--- a/src/components/BlockedGeoOverlay.tsx
+++ b/src/components/BlockedGeoOverlay.tsx
@@ -7,6 +7,7 @@
 import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
 import {useDeviceGeolocationApi} from '#/state/geolocation'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useBreakpoints, useTheme, web} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -27,6 +28,8 @@
   const insets = useSafeAreaInsets()
   const geoDialog = Dialog.useDialogControl()
   const {setDeviceGeolocation} = useDeviceGeolocationApi()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   useEffect(() => {
     // just counting overall hits here
@@ -85,7 +88,7 @@
                 a.pl_md,
                 a.pr_lg,
                 a.py_sm,
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 a.flex_row,
                 a.align_center,
                 a.gap_xs,
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -14,6 +14,7 @@
   type ViewStyle,
 } from 'react-native'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, flatten, select, useTheme} from '#/alf'
 import {type Props as SVGIconProps} from '#/components/icons/common'
 import {Text} from '#/components/Typography'
@@ -150,6 +151,8 @@
     if (!variant && color) {
       variant = 'solid'
     }
+
+    const enableSquareButtons = useEnableSquareButtons()
 
     const t = useTheme()
     const [state, setState] = React.useState({
@@ -440,19 +443,19 @@
 
       if (shape === 'default') {
         if (size === 'large') {
-          baseStyles.push(a.rounded_full, {
+          baseStyles.push(enableSquareButtons ? a.rounded_sm : a.rounded_full, {
             paddingVertical: 12,
             paddingHorizontal: 24,
             gap: 6,
           })
         } else if (size === 'small') {
-          baseStyles.push(a.rounded_full, {
+          baseStyles.push(enableSquareButtons ? a.rounded_sm : a.rounded_full, {
             paddingVertical: 8,
             paddingHorizontal: 14,
             gap: 5,
           })
         } else if (size === 'tiny') {
-          baseStyles.push(a.rounded_full, {
+          baseStyles.push(enableSquareButtons ? a.rounded_sm : a.rounded_full, {
             paddingVertical: 5,
             paddingHorizontal: 10,
             gap: 3,
@@ -507,7 +510,7 @@
         }
 
         if (shape === 'round') {
-          baseStyles.push(a.rounded_full)
+          baseStyles.push(enableSquareButtons ? a.rounded_sm : a.rounded_full)
         } else if (shape === 'square') {
           if (size === 'tiny') {
             baseStyles.push({
@@ -523,7 +526,7 @@
         baseStyles,
         hoverStyles,
       }
-    }, [t, variant, color, size, shape, disabled])
+    }, [t, variant, color, size, shape, disabled, enableSquareButtons])
 
     const context = React.useMemo<ButtonContext>(
       () => ({
diff --git a/src/components/IconCircle.tsx b/src/components/IconCircle.tsx
--- a/src/components/IconCircle.tsx
+++ b/src/components/IconCircle.tsx
@@ -1,5 +1,6 @@
 import {View} from 'react-native'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   atoms as a,
   type TextStyleProp,
@@ -20,13 +21,14 @@
   iconStyle?: TextStyleProp['style']
 }) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <View
       style={[
         a.justify_center,
         a.align_center,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         {
           width: size === 'lg' ? 52 : 64,
           height: size === 'lg' ? 52 : 64,
diff --git a/src/components/InterestTabs.tsx b/src/components/InterestTabs.tsx
--- a/src/components/InterestTabs.tsx
+++ b/src/components/InterestTabs.tsx
@@ -10,6 +10,7 @@
 
 import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {DraggableScrollView} from '#/view/com/pager/DraggableScrollView'
 import {atoms as a, tokens, useTheme, web} from '#/alf'
 import {transparentifyColor} from '#/alf/util/colorGeneration'
@@ -52,6 +53,8 @@
   const [contentWidth, setContentWidth] = useState(0)
   const pendingTabOffsets = useRef<{x: number; width: number}[]>([])
   const [tabOffsets, setTabOffsets] = useState<{x: number; width: number}[]>([])
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onInitialLayout = useNonReactiveCallback(() => {
     const index = interests.indexOf(selectedInterest)
@@ -264,7 +267,7 @@
               t.atoms.bg,
               a.h_full,
               a.aspect_square,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
             ]}>
             <ButtonIcon icon={ArrowLeft} />
           </Button>
@@ -298,7 +301,7 @@
               t.atoms.bg,
               a.h_full,
               a.aspect_square,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
             ]}>
             <ButtonIcon icon={ArrowRight} />
           </Button>
@@ -325,6 +328,7 @@
 }) {
   const t = useTheme()
   const {_} = useLingui()
+  const enableSquareButtons = useEnableSquareButtons()
   const label = active
     ? _(
         msg({
@@ -355,7 +359,7 @@
         {({hovered, pressed, focused}) => (
           <View
             style={[
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               a.px_lg,
               a.py_sm,
               a.border,
diff --git a/src/components/Pills.tsx b/src/components/Pills.tsx
--- a/src/components/Pills.tsx
+++ b/src/components/Pills.tsx
@@ -4,6 +4,7 @@
 import {Trans} from '@lingui/macro'
 
 import {useModerationCauseDescription} from '#/lib/moderation/useModerationCauseDescription'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, useTheme, type ViewStyleProp} from '#/alf'
 import {Button} from '#/components/Button'
@@ -67,6 +68,8 @@
   const isBlueskyLabel =
     desc.sourceType === 'labeler' && desc.sourceDid === BSKY_LABELER_DID
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const {outer, avi, text} = React.useMemo(() => {
     switch (size) {
       case 'lg': {
@@ -116,7 +119,7 @@
             style={[
               a.flex_row,
               a.align_center,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               outer,
               (hovered || pressed) && t.atoms.bg_contrast_50,
             ]}>
diff --git a/src/components/TrendingTopics.tsx b/src/components/TrendingTopics.tsx
--- a/src/components/TrendingTopics.tsx
+++ b/src/components/TrendingTopics.tsx
@@ -5,6 +5,7 @@
 import {useLingui} from '@lingui/react'
 
 import {PressableScale} from '#/lib/custom-animations/PressableScale'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 // import {makeProfileLink} from '#/lib/routes/links'
 // import {feedUriToHref} from '#/lib/strings/url-helpers'
 // import {Hashtag_Stroke2_Corner0_Rounded as Hashtag} from '#/components/icons/Hashtag'
@@ -28,12 +29,14 @@
   const hasIcon = topic.type === 'starter-pack' && !isSmall
   const iconSize = 20
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       style={[
         a.flex_row,
         a.align_center,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         a.border,
         t.atoms.border_contrast_medium,
         t.atoms.bg,
@@ -110,10 +113,13 @@
 }) {
   const t = useTheme()
   const isSmall = size === 'small'
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       style={[
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         a.border,
         t.atoms.border_contrast_medium,
         t.atoms.bg_contrast_25,
diff --git a/src/screens/Hashtag.tsx b/src/screens/Hashtag.tsx
--- a/src/screens/Hashtag.tsx
+++ b/src/screens/Hashtag.tsx
@@ -13,6 +13,7 @@
 import {cleanError} from '#/lib/strings/errors'
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {enforceLen} from '#/lib/strings/helpers'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useSearchPostsQuery} from '#/state/queries/search-posts'
 import {useSession} from '#/state/session'
 import {useSetMinimalShellMode} from '#/state/shell'
@@ -69,6 +70,8 @@
 
   const [activeTab, setActiveTab] = React.useState(0)
   const setMinimalShellMode = useSetMinimalShellMode()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   useFocusEffect(
     React.useCallback(() => {
@@ -133,7 +136,7 @@
                   size="small"
                   variant="ghost"
                   color="primary"
-                  shape="round"
+                  shape={enableSquareButtons ? 'square' : 'round'}
                   onPress={onShare}
                   hitSlop={HITSLOP_10}
                   style={[{right: -3}]}>
diff --git a/src/screens/Topic.tsx b/src/screens/Topic.tsx
--- a/src/screens/Topic.tsx
+++ b/src/screens/Topic.tsx
@@ -12,6 +12,7 @@
 import {shareUrl} from '#/lib/sharing'
 import {cleanError} from '#/lib/strings/errors'
 import {enforceLen} from '#/lib/strings/helpers'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useSearchPostsQuery} from '#/state/queries/search-posts'
 import {useSetMinimalShellMode} from '#/state/shell'
 import {Pager} from '#/view/com/pager/Pager'
@@ -37,6 +38,8 @@
 }: NativeStackScreenProps<CommonNavigatorParams, 'Topic'>) {
   const {topic} = route.params
   const {_} = useLingui()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const headerTitle = React.useMemo(() => {
     return enforceLen(decodeURIComponent(topic), 24, true, 'middle')
@@ -103,7 +106,7 @@
                   size="small"
                   variant="ghost"
                   color="primary"
-                  shape="round"
+                  shape={enableSquareButtons ? 'square' : 'round'}
                   onPress={onShare}
                   hitSlop={HITSLOP_10}
                   style={[{right: -3}]}>
diff --git a/src/components/ContextMenu/index.tsx b/src/components/ContextMenu/index.tsx
--- a/src/components/ContextMenu/index.tsx
+++ b/src/components/ContextMenu/index.tsx
@@ -50,6 +50,7 @@
 import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback'
 import {logger} from '#/logger'
 import {isAndroid, isIOS} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, platform, tokens, useTheme} from '#/alf'
 import {
   Context,
@@ -824,12 +825,13 @@
 
 export function ItemRadio({selected}: {selected: boolean}) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
         a.justify_center,
         a.align_center,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         t.atoms.border_contrast_high,
         {
           borderWidth: 1,
@@ -841,7 +843,7 @@
         <View
           style={[
             a.absolute,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             {height: 14, width: 14},
             selected ? {backgroundColor: t.palette.primary_500} : {},
           ]}
diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx
--- a/src/components/Dialog/index.web.tsx
+++ b/src/components/Dialog/index.web.tsx
@@ -16,6 +16,7 @@
 import {logger} from '#/logger'
 import {useA11y} from '#/state/a11y'
 import {useDialogStateControlContext} from '#/state/dialogs'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, flatten, useBreakpoints, useTheme, web} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {Context} from '#/components/Dialog/context'
@@ -277,6 +278,9 @@
 export function Close() {
   const {_} = useLingui()
   const {close} = React.useContext(Context)
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       style={[
@@ -291,7 +295,7 @@
         size="small"
         variant="ghost"
         color="secondary"
-        shape="round"
+        shape={enableSquareButtons ? 'square' : 'round'}
         onPress={() => close()}
         label={_(msg`Close active dialog`)}>
         <ButtonIcon icon={X} size="md" />
diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -11,6 +11,7 @@
 import flattenReactChildren from 'react-keyed-flatten-children'
 
 import {isAndroid, isIOS, isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -219,12 +220,13 @@
 
 export function ItemRadio({selected}: {selected: boolean}) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
         a.justify_center,
         a.align_center,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         t.atoms.border_contrast_high,
         {
           borderWidth: 1,
@@ -236,7 +238,7 @@
         <View
           style={[
             a.absolute,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             {height: 14, width: 14},
             selected
               ? {
diff --git a/src/components/Menu/index.web.tsx b/src/components/Menu/index.web.tsx
--- a/src/components/Menu/index.web.tsx
+++ b/src/components/Menu/index.web.tsx
@@ -11,6 +11,7 @@
 import {DropdownMenu} from 'radix-ui'
 
 import {useA11y} from '#/state/a11y'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, flatten, useTheme, web} from '#/alf'
 import type * as Dialog from '#/components/Dialog'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
@@ -330,12 +331,13 @@
 
 export function ItemRadio({selected}: {selected: boolean}) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
         a.justify_center,
         a.align_center,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         t.atoms.border_contrast_high,
         {
           borderWidth: 1,
@@ -347,7 +349,7 @@
         <View
           style={[
             a.absolute,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             {height: 14, width: 14},
             selected
               ? {
diff --git a/src/components/PolicyUpdateOverlay/Badge.tsx b/src/components/PolicyUpdateOverlay/Badge.tsx
--- a/src/components/PolicyUpdateOverlay/Badge.tsx
+++ b/src/components/PolicyUpdateOverlay/Badge.tsx
@@ -1,12 +1,14 @@
 import {View} from 'react-native'
 import {Trans} from '@lingui/macro'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {Logo} from '#/view/icons/Logo'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
 export function Badge() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View style={[a.align_start]}>
       <View
@@ -14,7 +16,7 @@
           a.pl_md,
           a.pr_lg,
           a.py_sm,
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           a.flex_row,
           a.align_center,
           a.gap_xs,
diff --git a/src/components/PostControls/PostControlButton.tsx b/src/components/PostControls/PostControlButton.tsx
--- a/src/components/PostControls/PostControlButton.tsx
+++ b/src/components/PostControls/PostControlButton.tsx
@@ -2,6 +2,7 @@
 import {type GestureResponderEvent, type Insets, type View} from 'react-native'
 
 import {useHaptics} from '#/lib/haptics'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, type ButtonProps} from '#/components/Button'
 import {type Props as SVGIconProps} from '#/components/icons/common'
@@ -36,6 +37,8 @@
 }) {
   const t = useTheme()
   const playHaptic = useHaptics()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const ctx = useMemo(
     () => ({
@@ -82,7 +85,7 @@
       onLongPress={handleLongPress}
       style={style}
       hoverStyle={t.atoms.bg_contrast_25}
-      shape="round"
+      shape={enableSquareButtons ? 'square' : 'round'}
       variant="ghost"
       color="secondary"
       {...props}
diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx
--- a/src/components/ProfileHoverCard/index.web.tsx
+++ b/src/components/ProfileHoverCard/index.web.tsx
@@ -18,6 +18,7 @@
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {usePrefetchProfileQuery, useProfileQuery} from '#/state/queries/profile'
 import {useSession} from '#/state/session'
@@ -460,6 +461,8 @@
   const isLabeler = profile.associated?.labeler
   const verification = useSimpleVerificationState({profile})
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View>
       <View style={[a.flex_row, a.justify_between, a.align_start]}>
@@ -482,7 +485,7 @@
               size="small"
               color="secondary"
               variant="solid"
-              style={[a.rounded_full]}>
+              style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}>
               <ButtonText>{_(msg`View profile`)}</ButtonText>
             </Link>
           ) : (
@@ -495,7 +498,7 @@
                   ? _(msg`Following`)
                   : _(msg`Follow`)
               }
-              style={[a.rounded_full]}
+              style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}
               onPress={profileShadow.viewer?.following ? unfollow : follow}>
               <ButtonIcon
                 position="left"
diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
--- a/src/components/Select/index.tsx
+++ b/src/components/Select/index.tsx
@@ -10,6 +10,7 @@
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useTheme} from '#/alf'
 import {atoms as a} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
@@ -172,6 +173,8 @@
   const {_} = useLingui()
   const [headerHeight, setHeaderHeight] = useState(50)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const render = useCallback(
     ({item, index}: {item: T; index: number}) => {
       return renderItem(item, index, context.value)
@@ -187,13 +190,13 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}>
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}>
         <ButtonText style={[a.text_md]}>
           <Trans>Done</Trans>
         </ButtonText>
       </Button>
     ),
-    [control, _],
+    [control, _, enableSquareButtons],
   )
 
   return (
diff --git a/src/components/activity-notifications/SubscribeProfileButton.tsx b/src/components/activity-notifications/SubscribeProfileButton.tsx
--- a/src/components/activity-notifications/SubscribeProfileButton.tsx
+++ b/src/components/activity-notifications/SubscribeProfileButton.tsx
@@ -5,6 +5,7 @@
 
 import {useRequireEmailVerification} from '#/lib/hooks/useRequireEmailVerification'
 import {createSanitizedDisplayName} from '#/lib/moderation/create-sanitized-display-name'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {Button, ButtonIcon} from '#/components/Button'
 import {useDialogControl} from '#/components/Dialog'
 import {BellPlus_Stroke2_Corner0_Rounded as BellPlusIcon} from '#/components/icons/BellPlus'
@@ -66,6 +67,8 @@
 
   const Icon = isSubscribed ? BellRingingIcon : BellPlusIcon
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <>
       <Tooltip.Outer
@@ -78,7 +81,7 @@
             testID="dmBtn"
             size="small"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             label={_(msg`Get notified when ${name} posts`)}
             onPress={wrappedOnPress}>
             <ButtonIcon icon={Icon} size="md" />
diff --git a/src/components/ageAssurance/AgeAssuranceAdmonition.tsx b/src/components/ageAssurance/AgeAssuranceAdmonition.tsx
--- a/src/components/ageAssurance/AgeAssuranceAdmonition.tsx
+++ b/src/components/ageAssurance/AgeAssuranceAdmonition.tsx
@@ -4,6 +4,7 @@
 
 import {useAgeAssurance} from '#/state/ageAssurance/useAgeAssurance'
 import {logger} from '#/state/ageAssurance/util'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, select, useTheme, type ViewStyleProp} from '#/alf'
 import {useDialogControl} from '#/components/ageAssurance/AgeAssuranceInitDialog'
 import type * as Dialog from '#/components/Dialog'
@@ -38,6 +39,7 @@
 }) {
   const t = useTheme()
   const {_} = useLingui()
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <>
@@ -67,7 +69,7 @@
             style={[
               a.align_center,
               a.justify_center,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               {
                 width: 32,
                 height: 32,
diff --git a/src/components/ageAssurance/AgeAssuranceBadge.tsx b/src/components/ageAssurance/AgeAssuranceBadge.tsx
--- a/src/components/ageAssurance/AgeAssuranceBadge.tsx
+++ b/src/components/ageAssurance/AgeAssuranceBadge.tsx
@@ -1,12 +1,14 @@
 import {View} from 'react-native'
 import {Trans} from '@lingui/macro'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, select, useTheme} from '#/alf'
 import {ShieldCheck_Stroke2_Corner0_Rounded as Shield} from '#/components/icons/Shield'
 import {Text} from '#/components/Typography'
 
 export function AgeAssuranceBadge() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <View
@@ -17,7 +19,7 @@
         a.px_sm,
         a.py_xs,
         a.pr_sm,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         {
           backgroundColor: select(t.name, {
             light: t.palette.primary_100,
diff --git a/src/components/ageAssurance/AgeAssuranceDismissibleFeedBanner.tsx b/src/components/ageAssurance/AgeAssuranceDismissibleFeedBanner.tsx
--- a/src/components/ageAssurance/AgeAssuranceDismissibleFeedBanner.tsx
+++ b/src/components/ageAssurance/AgeAssuranceDismissibleFeedBanner.tsx
@@ -5,6 +5,7 @@
 
 import {useAgeAssurance} from '#/state/ageAssurance/useAgeAssurance'
 import {logger} from '#/state/ageAssurance/util'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {Nux, useNux, useSaveNux} from '#/state/queries/nuxs'
 import {atoms as a, select, useTheme} from '#/alf'
 import {useAgeAssuranceCopy} from '#/components/ageAssurance/useAgeAssuranceCopy'
@@ -55,6 +56,8 @@
   const {visible, close} = useInternalState()
   const copy = useAgeAssuranceCopy()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   if (!visible) return null
 
   return (
@@ -82,7 +85,7 @@
           style={[
             a.align_center,
             a.justify_center,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             {
               width: 42,
               height: 42,
diff --git a/src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx b/src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx
--- a/src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx
+++ b/src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx
@@ -4,6 +4,7 @@
 
 import {useAgeAssurance} from '#/state/ageAssurance/useAgeAssurance'
 import {logger} from '#/state/ageAssurance/util'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {Nux, useNux, useSaveNux} from '#/state/queries/nuxs'
 import {atoms as a, type ViewStyleProp} from '#/alf'
 import {AgeAssuranceAdmonition} from '#/components/ageAssurance/AgeAssuranceAdmonition'
@@ -19,6 +20,8 @@
   const copy = useAgeAssuranceCopy()
   const {mutate: save, variables} = useSaveNux()
   const hidden = !!variables
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   if (!isReady) return null
   if (isDeclaredUnderage) return null
@@ -37,7 +40,7 @@
           size="tiny"
           variant="solid"
           color="secondary_inverted"
-          shape="round"
+          shape={enableSquareButtons ? 'square' : 'round'}
           onPress={() => {
             save({
               id: Nux.AgeAssuranceDismissibleNotice,
diff --git a/src/components/dialogs/GifSelect.tsx b/src/components/dialogs/GifSelect.tsx
--- a/src/components/dialogs/GifSelect.tsx
+++ b/src/components/dialogs/GifSelect.tsx
@@ -14,6 +14,7 @@
 import {logEvent} from '#/lib/statsig/statsig'
 import {cleanError} from '#/lib/strings/errors'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   type Gif,
   tenorUrlToBskyGifUrl,
@@ -97,6 +98,8 @@
   const trendingQuery = useFeaturedGifsQuery()
   const searchQuery = useGifSearchQuery(search)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const {
     data,
     fetchNextPage,
@@ -154,7 +157,7 @@
             size="small"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             onPress={() => control.close()}
             label={_(msg`Close GIF dialog`)}>
             <ButtonIcon icon={Arrow} size="md" />
@@ -183,7 +186,7 @@
         </TextField.Root>
       </View>
     )
-  }, [gtMobile, t.atoms.bg, _, control])
+  }, [gtMobile, t.atoms.bg, _, control, enableSquareButtons])
 
   return (
     <>
diff --git a/src/components/dialogs/MutedWords.tsx b/src/components/dialogs/MutedWords.tsx
--- a/src/components/dialogs/MutedWords.tsx
+++ b/src/components/dialogs/MutedWords.tsx
@@ -6,6 +6,7 @@
 
 import {logger} from '#/logger'
 import {isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   usePreferencesQuery,
   useRemoveMutedWordMutation,
@@ -426,6 +427,8 @@
   const isExpired = expiryDate && expiryDate < new Date()
   const formatDistance = useFormatDistance()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const remove = React.useCallback(async () => {
     control.close()
     removeMutedWord(word)
@@ -529,7 +532,7 @@
         <Button
           label={_(msg`Remove mute word from your list`)}
           size="tiny"
-          shape="round"
+          shape={enableSquareButtons ? 'square' : 'round'}
           variant="outline"
           color="secondary"
           onPress={() => control.open()}
diff --git a/src/components/dialogs/SearchablePeopleList.tsx b/src/components/dialogs/SearchablePeopleList.tsx
--- a/src/components/dialogs/SearchablePeopleList.tsx
+++ b/src/components/dialogs/SearchablePeopleList.tsx
@@ -14,6 +14,7 @@
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useActorAutocompleteQuery} from '#/state/queries/actor-autocomplete'
 import {useListConvosQuery} from '#/state/queries/messages/list-conversations'
@@ -85,6 +86,8 @@
   const inputRef = useRef<TextInput>(null)
 
   const [searchText, setSearchText] = useState('')
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const {
     data: results,
@@ -294,7 +297,7 @@
             <Button
               label={_(msg`Close`)}
               size="small"
-              shape="round"
+              shape={enableSquareButtons ? 'square' : 'round'}
               variant={isWeb ? 'ghost' : 'solid'}
               color="secondary"
               style={[
@@ -331,6 +334,7 @@
     title,
     searchText,
     control,
+    enableSquareButtons,
   ])
 
   return (
@@ -423,6 +427,7 @@
 
 function ProfileCardSkeleton() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <View
@@ -436,7 +441,7 @@
       ]}>
       <View
         style={[
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           {width: 42, height: 42},
           t.atoms.bg_contrast_25,
         ]}
diff --git a/src/components/dialogs/StarterPackDialog.tsx b/src/components/dialogs/StarterPackDialog.tsx
--- a/src/components/dialogs/StarterPackDialog.tsx
+++ b/src/components/dialogs/StarterPackDialog.tsx
@@ -13,6 +13,7 @@
 import {type NavigationProp} from '#/lib/routes/types'
 import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   invalidateActorStarterPacksWithMembershipQuery,
   useActorStarterPacksWithMembershipsQuery,
@@ -132,6 +133,8 @@
   const control = Dialog.useDialogContext()
   const {_} = useLingui()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const {
     data,
     isError,
@@ -181,7 +184,7 @@
           variant="ghost"
           color="secondary"
           size="small"
-          shape="round">
+          shape={enableSquareButtons ? 'square' : 'round'}>
           <ButtonIcon icon={XIcon} />
         </Button>
       </View>
diff --git a/src/components/dms/ActionsWrapper.web.tsx b/src/components/dms/ActionsWrapper.web.tsx
--- a/src/components/dms/ActionsWrapper.web.tsx
+++ b/src/components/dms/ActionsWrapper.web.tsx
@@ -5,6 +5,7 @@
 import {useLingui} from '@lingui/react'
 
 import {useConvoActive} from '#/state/messages/convo'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useSession} from '#/state/session'
 import * as Toast from '#/view/com/util/Toast'
 import {atoms as a, useTheme} from '#/alf'
@@ -30,6 +31,8 @@
   const {currentAccount} = useSession()
 
   const [showActions, setShowActions] = useState(false)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onMouseEnter = useCallback(() => {
     setShowActions(true)
@@ -99,7 +102,7 @@
                 style={[
                   {opacity: showMenuTrigger},
                   a.p_xs,
-                  a.rounded_full,
+                  enableSquareButtons ? a.rounded_sm : a.rounded_full,
                   (state.hovered || state.pressed) && t.atoms.bg_contrast_25,
                 ]}>
                 <EmojiSmileIcon
@@ -121,7 +124,7 @@
                 style={[
                   {opacity: showMenuTrigger},
                   a.p_xs,
-                  a.rounded_full,
+                  enableSquareButtons ? a.rounded_sm : a.rounded_full,
                   (state.hovered || state.pressed) && t.atoms.bg_contrast_25,
                 ]}>
                 <DotsHorizontalIcon
diff --git a/src/components/dms/ChatEmptyPill.tsx b/src/components/dms/ChatEmptyPill.tsx
--- a/src/components/dms/ChatEmptyPill.tsx
+++ b/src/components/dms/ChatEmptyPill.tsx
@@ -13,6 +13,7 @@
 import {ShrinkAndPop} from '#/lib/custom-animations/ShrinkAndPop'
 import {useHaptics} from '#/lib/haptics'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
@@ -27,6 +28,8 @@
   const [promptIndex, setPromptIndex] = React.useState(lastIndex)
 
   const scale = useSharedValue(1)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const prompts = React.useMemo(() => {
     return [
@@ -79,7 +82,7 @@
         style={[
           a.px_xl,
           a.py_md,
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           t.atoms.bg_contrast_25,
           a.align_center,
           animatedStyle,
diff --git a/src/components/dms/ConvoMenu.tsx b/src/components/dms/ConvoMenu.tsx
--- a/src/components/dms/ConvoMenu.tsx
+++ b/src/components/dms/ConvoMenu.tsx
@@ -7,6 +7,7 @@
 
 import {type NavigationProp} from '#/lib/routes/types'
 import {type Shadow} from '#/state/cache/types'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useConvoQuery,
   useMarkAsReadMutation,
@@ -70,6 +71,8 @@
 
   const {listBlocks} = blockInfo
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <>
       <Menu.Root control={control}>
@@ -86,7 +89,7 @@
                   }}
                   size="small"
                   color="secondary"
-                  shape="round"
+                  shape={enableSquareButtons ? 'square' : 'round'}
                   variant="ghost"
                   style={[a.bg_transparent]}>
                   <ButtonIcon icon={DotsHorizontal} size="md" />
diff --git a/src/components/dms/EmojiPopup.android.tsx b/src/components/dms/EmojiPopup.android.tsx
--- a/src/components/dms/EmojiPopup.android.tsx
+++ b/src/components/dms/EmojiPopup.android.tsx
@@ -4,6 +4,7 @@
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {TimesLarge_Stroke2_Corner0_Rounded as CloseIcon} from '#/components/icons/Times'
@@ -20,6 +21,8 @@
   const [modalVisible, setModalVisible] = useState(false)
   const {_} = useLingui()
   const t = useTheme()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <>
@@ -60,7 +63,7 @@
               size="small"
               variant="ghost"
               color="secondary"
-              shape="round">
+              shape={enableSquareButtons ? 'square' : 'round'}>
               <ButtonIcon icon={CloseIcon} />
             </Button>
           </View>
diff --git a/src/components/dms/EmojiReactionPicker.tsx b/src/components/dms/EmojiReactionPicker.tsx
--- a/src/components/dms/EmojiReactionPicker.tsx
+++ b/src/components/dms/EmojiReactionPicker.tsx
@@ -4,6 +4,7 @@
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useSession} from '#/state/session'
 import {atoms as a, tokens, useTheme} from '#/alf'
 import * as ContextMenu from '#/components/ContextMenu'
@@ -55,12 +56,14 @@
 
   const bgColor = t.scheme === 'light' ? t.atoms.bg : t.atoms.bg_contrast_25
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       onLayout={evt => setLayout(evt.nativeEvent.layout)}
       style={[
         bgColor,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         a.absolute,
         {bottom: '100%'},
         isFromSelf ? a.right_0 : a.left_0,
@@ -90,7 +93,7 @@
             {hovered => (
               <View
                 style={[
-                  a.rounded_full,
+                  enableSquareButtons ? a.rounded_sm : a.rounded_full,
                   hovered
                     ? {
                         backgroundColor: alreadyReacted
@@ -119,7 +122,7 @@
         }}>
         <View
           style={[
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             t.scheme === 'light'
               ? t.atoms.bg_contrast_25
               : t.atoms.bg_contrast_50,
diff --git a/src/components/dms/EmojiReactionPicker.web.tsx b/src/components/dms/EmojiReactionPicker.web.tsx
--- a/src/components/dms/EmojiReactionPicker.web.tsx
+++ b/src/components/dms/EmojiReactionPicker.web.tsx
@@ -6,6 +6,7 @@
 import {useLingui} from '@lingui/react'
 import {DropdownMenu} from 'radix-ui'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useSession} from '#/state/session'
 import {type Emoji} from '#/view/com/composer/text-input/web/EmojiPicker'
 import {useWebPreloadEmoji} from '#/view/com/composer/text-input/web/useWebPreloadEmoji'
@@ -55,6 +56,8 @@
 
   const [prevOpen, setPrevOpen] = useState(control.isOpen)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   if (control.isOpen !== prevOpen) {
     setPrevOpen(control.isOpen)
     if (!control.isOpen) {
@@ -87,7 +90,7 @@
       </DropdownMenu.Content>
     </DropdownMenu.Portal>
   ) : (
-    <Menu.Outer style={[a.rounded_full]}>
+    <Menu.Outer style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}>
       <View style={[a.flex_row, a.gap_xs]}>
         {['👍', '😆', '❤️', '👀', '😢'].map(emoji => {
           const alreadyReacted = hasAlreadyReacted(
@@ -109,7 +112,7 @@
               style={flatten([
                 a.flex,
                 a.flex_col,
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 a.justify_center,
                 a.align_center,
                 a.transition_transform,
@@ -135,7 +138,7 @@
             role="button"
             onPress={() => setExpanded(true)}
             style={flatten([
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               {height: 34, width: 34},
               a.justify_center,
               a.align_center,
diff --git a/src/components/dms/MessageProfileButton.tsx b/src/components/dms/MessageProfileButton.tsx
--- a/src/components/dms/MessageProfileButton.tsx
+++ b/src/components/dms/MessageProfileButton.tsx
@@ -8,6 +8,7 @@
 import {useRequireEmailVerification} from '#/lib/hooks/useRequireEmailVerification'
 import {type NavigationProp} from '#/lib/routes/types'
 import {logEvent} from '#/lib/statsig/statsig'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useGetConvoAvailabilityQuery} from '#/state/queries/messages/get-convo-availability'
 import {useGetConvoForMembers} from '#/state/queries/messages/get-convo-for-members'
 import * as Toast from '#/view/com/util/Toast'
@@ -25,6 +26,8 @@
   const t = useTheme()
   const navigation = useNavigation<NavigationProp>()
   const requireEmailVerification = useRequireEmailVerification()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const {data: convoAvailability} = useGetConvoAvailabilityQuery(profile.did)
   const {mutate: initiateConvo} = useGetConvoForMembers({
@@ -72,7 +75,7 @@
             a.justify_center,
             a.align_center,
             t.atoms.bg_contrast_25,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             // Matches size of button below to avoid layout shift
             {width: 33, height: 33},
           ]}>
@@ -93,7 +96,7 @@
           size="small"
           color="secondary"
           variant="solid"
-          shape="round"
+          shape={enableSquareButtons ? 'square' : 'round'}
           label={_(msg`Message ${profile.handle}`)}
           style={[a.justify_center]}
           onPress={wrappedOnPress}>
diff --git a/src/components/dms/NewMessagesPill.tsx b/src/components/dms/NewMessagesPill.tsx
--- a/src/components/dms/NewMessagesPill.tsx
+++ b/src/components/dms/NewMessagesPill.tsx
@@ -15,6 +15,7 @@
 } from '#/lib/custom-animations/ScaleAndFade'
 import {useHaptics} from '#/lib/haptics'
 import {isAndroid, isIOS, isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
@@ -32,6 +33,8 @@
   const bottomOffset = isWeb ? 0 : bottomInset + bottomBarHeight
 
   const scale = useSharedValue(1)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onPressIn = React.useCallback(() => {
     if (isWeb) return
@@ -68,7 +71,7 @@
       <AnimatedPressable
         style={[
           a.py_sm,
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           a.shadow_sm,
           a.border,
           t.atoms.bg_contrast_50,
diff --git a/src/components/forms/SearchInput.tsx b/src/components/forms/SearchInput.tsx
--- a/src/components/forms/SearchInput.tsx
+++ b/src/components/forms/SearchInput.tsx
@@ -5,6 +5,7 @@
 
 import {HITSLOP_10} from '#/lib/constants'
 import {isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import * as TextField from '#/components/forms/TextField'
@@ -24,6 +25,8 @@
     const t = useTheme()
     const {_} = useLingui()
     const showClear = value && value.length > 0
+
+    const enableSquareButtons = useEnableSquareButtons()
 
     return (
       <View style={[a.w_full, a.relative]}>
@@ -70,7 +73,7 @@
               label={_(msg`Clear search query`)}
               hitSlop={HITSLOP_10}
               size="tiny"
-              shape="round"
+              shape={enableSquareButtons ? 'square' : 'round'}
               variant="ghost"
               color="secondary">
               <ButtonIcon icon={X} size="xs" />
diff --git a/src/components/interstitials/Trending.tsx b/src/components/interstitials/Trending.tsx
--- a/src/components/interstitials/Trending.tsx
+++ b/src/components/interstitials/Trending.tsx
@@ -4,6 +4,7 @@
 import {useLingui} from '@lingui/react'
 
 import {logEvent} from '#/lib/statsig/statsig'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useTrendingSettings,
   useTrendingSettingsApi,
@@ -34,6 +35,8 @@
   const {setTrendingDisabled} = useTrendingSettingsApi()
   const {data: trending, error, isLoading} = useTrendingTopics()
   const noTopics = !isLoading && !error && !trending?.topics?.length
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onConfirmHide = React.useCallback(() => {
     logEvent('trendingTopics:hide', {context: 'interstitial'})
@@ -114,7 +117,7 @@
                   size="tiny"
                   variant="ghost"
                   color="secondary"
-                  shape="round"
+                  shape={enableSquareButtons ? 'square' : 'round'}
                   onPress={() => trendingPrompt.open()}>
                   <ButtonIcon icon={X} />
                 </Button>
diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
--- a/src/components/interstitials/TrendingVideos.tsx
+++ b/src/components/interstitials/TrendingVideos.tsx
@@ -8,6 +8,7 @@
 import {VIDEO_FEED_URI} from '#/lib/constants'
 import {makeCustomFeedLink} from '#/lib/routes/links'
 import {logEvent} from '#/lib/statsig/statsig'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useTrendingSettingsApi} from '#/state/preferences/trending'
 import {usePostFeedQuery} from '#/state/queries/post-feed'
 import {RQKEY} from '#/state/queries/post-feed'
@@ -191,6 +192,8 @@
     return makeCustomFeedLink(urip.host, urip.rkey, undefined, 'discover')
   }, [])
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View style={[{width: CARD_WIDTH * 2}]}>
       <Link
@@ -222,7 +225,7 @@
             <Button
               color="primary"
               size="small"
-              shape="round"
+              shape={enableSquareButtons ? 'square' : 'round'}
               label={_(msg`View more trending videos`)}>
               <ButtonIcon icon={ChevronRight} />
             </Button>
diff --git a/src/components/moderation/ScreenHider.tsx b/src/components/moderation/ScreenHider.tsx
--- a/src/components/moderation/ScreenHider.tsx
+++ b/src/components/moderation/ScreenHider.tsx
@@ -13,6 +13,7 @@
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {useModerationCauseDescription} from '#/lib/moderation/useModerationCauseDescription'
 import {type NavigationProp} from '#/lib/routes/types'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {CenteredView} from '#/view/com/util/Views'
 import {atoms as a, useTheme, web} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
@@ -44,6 +45,8 @@
   const control = useModerationDetailsDialogControl()
   const blur = modui.blurs[0]
   const desc = useModerationCauseDescription(blur)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   if (!blur || override) {
     return (
@@ -156,7 +159,7 @@
           variant="solid"
           color="primary"
           size="large"
-          style={[a.rounded_full]}
+          style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
           label={_(msg`Go back`)}
           onPress={() => {
             if (navigation.canGoBack()) {
@@ -174,7 +177,7 @@
             variant="solid"
             color="secondary"
             size="large"
-            style={[a.rounded_full]}
+            style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
             label={_(msg`Show anyway`)}
             onPress={() => setOverride(v => !v)}>
             <ButtonText>
diff --git a/src/components/verification/VerificationsDialog.tsx b/src/components/verification/VerificationsDialog.tsx
--- a/src/components/verification/VerificationsDialog.tsx
+++ b/src/components/verification/VerificationsDialog.tsx
@@ -6,6 +6,7 @@
 import {urls} from '#/lib/constants'
 import {getUserDisplayName} from '#/lib/getUserDisplayName'
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useProfileQuery} from '#/state/queries/profile'
 import {useSession} from '#/state/session'
@@ -194,6 +195,8 @@
   const verificationRemovePromptControl = useDialogControl()
   const canAdminister = verification.issuer === currentAccount?.did
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       style={{
@@ -253,7 +256,7 @@
                     size="small"
                     variant="outline"
                     color="negative"
-                    shape="round"
+                    shape={enableSquareButtons ? 'square' : 'round'}
                     onPress={() => {
                       verificationRemovePromptControl.open()
                     }}>
diff --git a/src/components/video/PlayButtonIcon.tsx b/src/components/video/PlayButtonIcon.tsx
--- a/src/components/video/PlayButtonIcon.tsx
+++ b/src/components/video/PlayButtonIcon.tsx
@@ -1,5 +1,6 @@
 import {View} from 'react-native'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Play_Filled_Corner0_Rounded as PlayIcon} from '#/components/icons/Play'
 
@@ -8,11 +9,13 @@
   const bg = t.name === 'light' ? t.palette.contrast_25 : t.palette.contrast_975
   const fg = t.name === 'light' ? t.palette.contrast_975 : t.palette.contrast_25
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <>
       <View
         style={[
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           {
             backgroundColor: bg,
             shadowColor: 'black',
diff --git a/src/screens/Messages/ChatList.tsx b/src/screens/Messages/ChatList.tsx
--- a/src/screens/Messages/ChatList.tsx
+++ b/src/screens/Messages/ChatList.tsx
@@ -17,6 +17,7 @@
 import {listenSoftReset} from '#/state/events'
 import {MESSAGE_SCREEN_POLL_INTERVAL} from '#/state/messages/convo/const'
 import {useMessagesEventBus} from '#/state/messages/events'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useLeftConvos} from '#/state/queries/messages/leave-conversation'
 import {useListConvosQuery} from '#/state/queries/messages/list-conversations'
 import {useSession} from '#/state/session'
@@ -363,6 +364,8 @@
   const {gtMobile} = useBreakpoints()
   const requireEmailVerification = useRequireEmailVerification()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const openChatControl = useCallback(() => {
     newChatControl.open()
   }, [newChatControl])
@@ -381,7 +384,7 @@
       size="small"
       variant="ghost"
       color="secondary"
-      shape="round"
+      shape={enableSquareButtons ? 'square' : 'round'}
       style={[a.justify_center]}>
       <ButtonIcon icon={SettingsIcon} size="lg" />
     </Link>
diff --git a/src/screens/Settings/DeerSettings.tsx b/src/screens/Settings/DeerSettings.tsx
--- a/src/screens/Settings/DeerSettings.tsx
+++ b/src/screens/Settings/DeerSettings.tsx
@@ -62,6 +62,10 @@
   useSetEnableSquareAvatars,
 } from '#/state/preferences/enable-square-avatars'
 import {
+  useEnableSquareButtons,
+  useSetEnableSquareButtons,
+} from '#/state/preferences/enable-square-buttons'
+import {
   useHideFeedsPromoTab,
   useSetHideFeedsPromoTab,
 } from '#/state/preferences/hide-feeds-promo-tab'
@@ -282,6 +286,9 @@
 
   const enableSquareAvatars = useEnableSquareAvatars()
   const setEnableSquareAvatars = useSetEnableSquareAvatars()
+
+  const enableSquareButtons = useEnableSquareButtons()
+  const setEnableSquareButtons = useSetEnableSquareButtons()
 
   const constellationInstance = useConstellationInstance()
   const setConstellationInstanceControl = Dialog.useDialogControl()
@@ -599,6 +606,18 @@
               style={[a.w_full]}>
               <Toggle.LabelText style={[a.flex_1]}>
                 <Trans>Enable square avatars</Trans>
+              </Toggle.LabelText>
+              <Toggle.Platform />
+            </Toggle.Item>
+
+            <Toggle.Item
+              name="enable_square_buttons"
+              label={_(msg`Enable square buttons`)}
+              value={enableSquareButtons}
+              onChange={value => setEnableSquareButtons(value)}
+              style={[a.w_full]}>
+              <Toggle.LabelText style={[a.flex_1]}>
+                <Trans>Enable square buttons</Trans>
               </Toggle.LabelText>
               <Toggle.Platform />
             </Toggle.Item>
diff --git a/src/screens/Settings/InterestsSettings.tsx b/src/screens/Settings/InterestsSettings.tsx
--- a/src/screens/Settings/InterestsSettings.tsx
+++ b/src/screens/Settings/InterestsSettings.tsx
@@ -12,6 +12,7 @@
   useInterestsDisplayNames,
 } from '#/lib/interests'
 import {type CommonNavigatorParams} from '#/lib/routes/types'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   preferencesQueryKey,
   usePreferencesQuery,
@@ -187,6 +188,8 @@
   const interestsDisplayNames = useInterestsDisplayNames()
   const ctx = Toggle.useItemContext()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const styles = useMemo(() => {
     const hovered: ViewStyle[] = [t.atoms.bg_contrast_100]
     const focused: ViewStyle[] = []
@@ -208,7 +211,7 @@
   return (
     <View
       style={[
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         a.py_md,
         a.px_xl,
         t.atoms.bg_contrast_50,
diff --git a/src/screens/Settings/Settings.tsx b/src/screens/Settings/Settings.tsx
--- a/src/screens/Settings/Settings.tsx
+++ b/src/screens/Settings/Settings.tsx
@@ -22,6 +22,7 @@
 import {useProfileShadow} from '#/state/cache/profile-shadow'
 import * as persisted from '#/state/persisted'
 import {clearStorage} from '#/state/persisted'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useDeleteActorDeclaration} from '#/state/queries/messages/actor-declaration'
 import {useProfileQuery, useProfilesQuery} from '#/state/queries/profile'
@@ -601,6 +602,8 @@
   const {removeAccount} = useSessionApi()
   const {isActive: live} = useActorStatus(profile)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const onSwitchAccount = () => {
     if (pendingDid) return
     onPressSwitchAccount(account, 'Settings')
@@ -638,7 +641,7 @@
                   a.absolute,
                   {top: 10, right: tokens.space.lg},
                   a.p_xs,
-                  a.rounded_full,
+                  enableSquareButtons ? a.rounded_sm : a.rounded_full,
                   (state.hovered || state.pressed) && t.atoms.bg_contrast_25,
                 ]}>
                 <DotsHorizontal size="md" style={t.atoms.text} />
diff --git a/src/screens/StarterPack/StarterPackScreen.tsx b/src/screens/StarterPack/StarterPackScreen.tsx
--- a/src/screens/StarterPack/StarterPackScreen.tsx
+++ b/src/screens/StarterPack/StarterPackScreen.tsx
@@ -29,6 +29,7 @@
 import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
 import {updateProfileShadow} from '#/state/cache/profile-shadow'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {getAllListMembers} from '#/state/queries/list-members'
 import {useResolvedStarterPackShortLink} from '#/state/queries/resolve-short-link'
@@ -522,6 +523,8 @@
   const deleteDialogControl = useDialogControl()
   const navigation = useNavigation<NavigationProp>()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const {
     mutate: deleteStarterPack,
     isPending: isDeletePending,
@@ -570,7 +573,7 @@
               variant="solid"
               color="secondary"
               size="small"
-              shape="round">
+              shape={enableSquareButtons ? 'square' : 'round'}>
               <ButtonIcon icon={Ellipsis} />
             </Button>
           )}
diff --git a/src/screens/VideoFeed/index.tsx b/src/screens/VideoFeed/index.tsx
--- a/src/screens/VideoFeed/index.tsx
+++ b/src/screens/VideoFeed/index.tsx
@@ -71,6 +71,7 @@
   useFeedFeedbackContext,
 } from '#/state/feed-feedback'
 import {useFeedFeedback} from '#/state/feed-feedback'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useFeedInfo} from '#/state/queries/feed'
 import {usePostLikeMutationQueue} from '#/state/queries/post'
 import {
@@ -1110,6 +1111,7 @@
   const navigation = useNavigation<NavigationProp>()
   const {_} = useLingui()
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
@@ -1123,7 +1125,7 @@
       <View
         style={[
           {height: 100, width: 100},
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           t.atoms.bg_contrast_700,
           a.align_center,
           a.justify_center,
diff --git a/src/state/persisted/schema.ts b/src/state/persisted/schema.ts
--- a/src/state/persisted/schema.ts
+++ b/src/state/persisted/schema.ts
@@ -142,6 +142,7 @@
   disableReplyMetrics: z.boolean().optional(),
   hideSimilarAccountsRecomm: z.boolean().optional(),
   enableSquareAvatars: z.boolean().optional(),
+  enableSquareButtons: z.boolean().optional(),
   deerVerification: z
     .object({
       enabled: z.boolean(),
@@ -220,6 +221,7 @@
   disableReplyMetrics: false,
   hideSimilarAccountsRecomm: false,
   enableSquareAvatars: false,
+  enableSquareButtons: false,
   deerVerification: {
     enabled: false,
     // https://social.daniela.lol/profile/did:plc:p2cp5gopk7mgjegy6wadk3ep/post/3lndyqyyr4k2k
diff --git a/src/state/preferences/enable-square-buttons.tsx b/src/state/preferences/enable-square-buttons.tsx
new file mode 100644
--- /dev/null
+++ b/src/state/preferences/enable-square-buttons.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+
+import * as persisted from '#/state/persisted'
+
+// Preference: enableSquareButtons – when true, disables notifications sent when liking/reposting a post someone else reposted
+
+type StateContext = persisted.Schema['enableSquareButtons']
+// Same setter signature used across other preference modules
+type SetContext = (v: persisted.Schema['enableSquareButtons']) => void
+
+const stateContext = React.createContext<StateContext>(
+  persisted.defaults.enableSquareButtons,
+)
+const setContext = React.createContext<SetContext>(
+  (_: persisted.Schema['enableSquareButtons']) => {},
+)
+
+export function Provider({children}: React.PropsWithChildren<{}>) {
+  const [state, setState] = React.useState(persisted.get('enableSquareButtons'))
+
+  const setStateWrapped = React.useCallback(
+    (value: persisted.Schema['enableSquareButtons']) => {
+      setState(value)
+      persisted.write('enableSquareButtons', value)
+    },
+    [setState],
+  )
+
+  React.useEffect(() => {
+    return persisted.onUpdate('enableSquareButtons', next => {
+      setState(next)
+    })
+  }, [setStateWrapped])
+
+  return (
+    <stateContext.Provider value={state}>
+      <setContext.Provider value={setStateWrapped}>
+        {children}
+      </setContext.Provider>
+    </stateContext.Provider>
+  )
+}
+
+export function useEnableSquareButtons() {
+  return React.useContext(stateContext)
+}
+
+export function useSetEnableSquareButtons() {
+  return React.useContext(setContext)
+}
diff --git a/src/state/preferences/index.tsx b/src/state/preferences/index.tsx
--- a/src/state/preferences/index.tsx
+++ b/src/state/preferences/index.tsx
@@ -14,6 +14,7 @@
 import {Provider as DisableSavesMetricsProvider} from './disable-saves-metrics'
 import {Provider as DisableViaRepostNotificationProvider} from './disable-via-repost-notification'
 import {Provider as EnableSquareAvatarsProvider} from './enable-square-avatars'
+import {Provider as EnableSquareButtonsProvider} from './enable-square-buttons'
 import {Provider as ExternalEmbedsProvider} from './external-embeds-prefs'
 import {Provider as GoLinksProvider} from './go-links-enabled'
 import {Provider as HiddenPostsProvider} from './hidden-posts'
@@ -85,7 +86,9 @@
                                                             <DisableReplyMetricsProvider>
                                                               <HideSimilarAccountsRecommProvider>
                                                                 <EnableSquareAvatarsProvider>
-                                                                  {children}
+                                                                  <EnableSquareButtonsProvider>
+                                                                    {children}
+                                                                  </EnableSquareButtonsProvider>
                                                                 </EnableSquareAvatarsProvider>
                                                               </HideSimilarAccountsRecommProvider>
                                                             </DisableReplyMetricsProvider>
diff --git a/src/view/screens/DebugMod.tsx b/src/view/screens/DebugMod.tsx
--- a/src/view/screens/DebugMod.tsx
+++ b/src/view/screens/DebugMod.tsx
@@ -24,6 +24,7 @@
   type CommonNavigatorParams,
   type NativeStackScreenProps,
 } from '#/lib/routes/types'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {moderationOptsOverrideContext} from '#/state/preferences/moderation-opts'
 import {type FeedNotification} from '#/state/queries/notifications/types'
@@ -85,6 +86,8 @@
   const [view, setView] = React.useState<string[]>(['post'])
   const labelStrings = useGlobalLabelStrings()
   const {currentAccount} = useSession()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const isTargetMe =
     scenario[0] === 'label' && scenarioSwitches.includes('targetMe')
@@ -449,7 +452,7 @@
                     <View
                       style={[
                         a.border,
-                        a.rounded_full,
+                        enableSquareButtons ? a.rounded_sm : a.rounded_full,
                         a.px_md,
                         a.py_sm,
                         t.atoms.border_contrast_medium,
@@ -615,6 +618,7 @@
   >
 }) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
@@ -634,7 +638,7 @@
         <View
           style={[
             a.border,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             a.px_md,
             a.py_sm,
             t.atoms.border_contrast_medium,
@@ -670,7 +674,7 @@
         <View
           style={[
             a.border,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             a.px_md,
             a.py_sm,
             t.atoms.border_contrast_medium,
diff --git a/src/view/screens/Feeds.tsx b/src/view/screens/Feeds.tsx
--- a/src/view/screens/Feeds.tsx
+++ b/src/view/screens/Feeds.tsx
@@ -17,6 +17,7 @@
 import {cleanError} from '#/lib/strings/errors'
 import {s} from '#/lib/styles'
 import {isNative, isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   type SavedFeedItem,
   useGetPopularFeedsQuery,
@@ -135,6 +136,8 @@
   } = useSearchPopularFeedsMutation()
   const {hasSession} = useSession()
   const listRef = React.useRef<ListMethods>(null)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   /**
    * A search query is present. We may not have search results yet.
@@ -519,7 +522,7 @@
               size="small"
               variant="ghost"
               color="secondary"
-              shape="round"
+              shape={enableSquareButtons ? 'square' : 'round'}
               style={[a.justify_center, {right: -3}]}>
               <ButtonIcon icon={Gear} size="lg" />
             </Link>
diff --git a/src/view/screens/Notifications.tsx b/src/view/screens/Notifications.tsx
--- a/src/view/screens/Notifications.tsx
+++ b/src/view/screens/Notifications.tsx
@@ -16,6 +16,7 @@
 import {logger} from '#/logger'
 import {isNative} from '#/platform/detection'
 import {emitSoftReset, listenSoftReset} from '#/state/events'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {RQKEY as NOTIFS_RQKEY} from '#/state/queries/notifications/feed'
 import {useNotificationSettingsQuery} from '#/state/queries/notifications/settings'
 import {
@@ -60,6 +61,8 @@
   const initialActiveTab = lastActiveTab
   const [activeTab, setActiveTab] = useState(initialActiveTab)
   const isLoading = activeTab === 0 ? isLoadingAll : isLoadingMentions
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onPageSelected = useCallback(
     (index: number) => {
@@ -137,7 +140,7 @@
             size="small"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             style={[a.justify_center]}>
             <ButtonIcon icon={isLoading ? Loader : SettingsIcon} size="lg" />
           </Link>
diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx
--- a/src/view/shell/Drawer.tsx
+++ b/src/view/shell/Drawer.tsx
@@ -15,6 +15,7 @@
 import {colors} from '#/lib/styles'
 import {isWeb} from '#/platform/detection'
 import {emitSoftReset} from '#/state/events'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useKawaiiMode} from '#/state/preferences/kawaii'
 import {useUnreadNotifications} from '#/state/queries/notifications/unread'
 import {useProfileQuery} from '#/state/queries/profile'
@@ -615,6 +616,7 @@
 
 function MenuItem({icon, label, count, bold, onPress}: MenuItemProps) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <Button
       testID={`menuItemButton-${label}`}
@@ -644,7 +646,7 @@
                 ]}>
                 <View
                   style={[
-                    a.rounded_full,
+                    enableSquareButtons ? a.rounded_sm : a.rounded_full,
                     {
                       right: count.length === 1 ? 6 : 0,
                       paddingHorizontal: 4,
diff --git a/src/components/PostControls/ShareMenu/RecentChats.tsx b/src/components/PostControls/ShareMenu/RecentChats.tsx
--- a/src/components/PostControls/ShareMenu/RecentChats.tsx
+++ b/src/components/PostControls/ShareMenu/RecentChats.tsx
@@ -10,6 +10,7 @@
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {logger} from '#/logger'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useListConvosQuery} from '#/state/queries/messages/list-conversations'
 import {useSession} from '#/state/session'
@@ -154,6 +155,7 @@
 
 function ConvoSkeleton() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
@@ -167,7 +169,7 @@
         style={[
           t.atoms.bg_contrast_50,
           {width: WIDTH - 8, height: WIDTH - 8},
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
         ]}
       />
       <View
diff --git a/src/components/dialogs/lists/CreateOrEditListDialog.tsx b/src/components/dialogs/lists/CreateOrEditListDialog.tsx
--- a/src/components/dialogs/lists/CreateOrEditListDialog.tsx
+++ b/src/components/dialogs/lists/CreateOrEditListDialog.tsx
@@ -11,6 +11,7 @@
 import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
 import {type ImageMeta} from '#/state/gallery'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useListCreateMutation,
   useListMetadataMutation,
@@ -119,6 +120,8 @@
     return 'app.bsky.graph.defs#curatelist'
   }, [list, purpose])
   const isCurateList = activePurpose === 'app.bsky.graph.defs#curatelist'
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const {_} = useLingui()
   const t = useTheme()
@@ -276,14 +279,14 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
         testID="editProfileCancelBtn">
         <ButtonText style={[a.text_md]}>
           <Trans>Cancel</Trans>
         </ButtonText>
       </Button>
     ),
-    [onPressCancel, _],
+    [onPressCancel, _, enableSquareButtons],
   )
 
   const saveButton = useCallback(
@@ -301,7 +304,7 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
         testID="editProfileSaveBtn">
         <ButtonText style={[a.text_md, !dirty && t.atoms.text_contrast_low]}>
           <Trans>Save</Trans>
@@ -318,6 +321,7 @@
       isUpdatingList,
       displayNameTooLong,
       descriptionTooLong,
+      enableSquareButtons,
     ],
   )
 
diff --git a/src/components/dialogs/nuxs/ActivitySubscriptions.tsx b/src/components/dialogs/nuxs/ActivitySubscriptions.tsx
--- a/src/components/dialogs/nuxs/ActivitySubscriptions.tsx
+++ b/src/components/dialogs/nuxs/ActivitySubscriptions.tsx
@@ -5,6 +5,7 @@
 import {useLingui} from '@lingui/react'
 
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme, web} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -17,6 +18,8 @@
   const {_} = useLingui()
   const nuxDialogs = useNuxDialogContext()
   const control = Dialog.useDialogControl()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   Dialog.useAutoOpen(control)
 
@@ -55,7 +58,7 @@
               a.pl_sm,
               a.pr_md,
               a.py_sm,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               a.flex_row,
               a.align_center,
               a.gap_xs,
diff --git a/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx b/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx
--- a/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx
+++ b/src/components/dialogs/nuxs/InitialVerificationAnnouncement.tsx
@@ -7,6 +7,7 @@
 import {urls} from '#/lib/constants'
 import {logger} from '#/logger'
 import {isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -22,6 +23,8 @@
   const {gtMobile} = useBreakpoints()
   const nuxDialogs = useNuxDialogContext()
   const control = Dialog.useDialogControl()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   Dialog.useAutoOpen(control)
 
@@ -44,7 +47,7 @@
               a.pl_sm,
               a.pr_md,
               a.py_sm,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               a.flex_row,
               a.align_center,
               a.gap_xs,
diff --git a/src/components/forms/Toggle/index.tsx b/src/components/forms/Toggle/index.tsx
--- a/src/components/forms/Toggle/index.tsx
+++ b/src/components/forms/Toggle/index.tsx
@@ -11,6 +11,7 @@
 import {HITSLOP_10} from '#/lib/constants'
 import {useHaptics} from '#/lib/haptics'
 import {isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   atoms as a,
   native,
@@ -395,6 +396,7 @@
 export function Switch() {
   const t = useTheme()
   const {selected, hovered, disabled, isInvalid} = useItemContext()
+  const enableSquareButtons = useEnableSquareButtons()
   const {baseStyles, baseHoverStyles, indicatorStyles} = useMemo(() => {
     const base: ViewStyle[] = []
     const baseHover: ViewStyle[] = []
@@ -469,7 +471,7 @@
     <View
       style={[
         a.relative,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         t.atoms.bg,
         {
           height: 28,
@@ -488,7 +490,7 @@
           }),
         ).easing(Easing.inOut(Easing.cubic))}
         style={[
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           {
             backgroundColor: t.palette.white,
             height: 22,
@@ -504,6 +506,7 @@
 
 export function Radio() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   const {selected, hovered, focused, disabled, isInvalid} =
     useContext(ItemContext)
   const {baseStyles, baseHoverStyles, indicatorStyles} =
@@ -520,7 +523,7 @@
       style={[
         a.justify_center,
         a.align_center,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         t.atoms.border_contrast_high,
         a.transition_color,
         {
@@ -536,7 +539,7 @@
         <View
           style={[
             a.absolute,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             {height: 12, width: 12},
             {backgroundColor: t.palette.white},
             indicatorStyles,
diff --git a/src/components/moderation/ReportDialog/index.tsx b/src/components/moderation/ReportDialog/index.tsx
--- a/src/components/moderation/ReportDialog/index.tsx
+++ b/src/components/moderation/ReportDialog/index.tsx
@@ -10,6 +10,7 @@
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {Logger} from '#/logger'
 import {isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useMyLabelersQuery} from '#/state/queries/preferences'
 import {CharProgress} from '#/view/com/composer/char-progress/CharProgress'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
@@ -105,6 +106,8 @@
   const copy = useCopyForSubject(props.subject)
   const {categories, getCategory} = useReportOptions()
   const [state, dispatch] = React.useReducer(reducer, initialState)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   /**
    * Submission handling
@@ -290,7 +293,7 @@
                     size="tiny"
                     variant="solid"
                     color="secondary"
-                    shape="round"
+                    shape={enableSquareButtons ? 'square' : 'round'}
                     onPress={() => {
                       dispatch({type: 'clearCategory'})
                     }}>
@@ -370,7 +373,7 @@
                 size="tiny"
                 variant="solid"
                 color="secondary"
-                shape="round"
+                shape={enableSquareButtons ? 'square' : 'round'}
                 onPress={() => {
                   dispatch({type: 'clearOption'})
                 }}>
@@ -425,7 +428,7 @@
                           size="tiny"
                           variant="solid"
                           color="secondary"
-                          shape="round"
+                          shape={enableSquareButtons ? 'square' : 'round'}
                           onPress={() => {
                             dispatch({type: 'clearLabeler'})
                           }}>
@@ -605,13 +608,14 @@
   const t = useTheme()
   const active = activeIndex1 === index
   const completed = activeIndex1 > index
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View style={[a.flex_row, a.gap_sm, a.pr_3xl]}>
       <View
         style={[
           a.justify_center,
           a.align_center,
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           a.border,
           {
             width: 24,
diff --git a/src/screens/Messages/components/ChatListItem.tsx b/src/screens/Messages/components/ChatListItem.tsx
--- a/src/screens/Messages/components/ChatListItem.tsx
+++ b/src/screens/Messages/components/ChatListItem.tsx
@@ -22,6 +22,7 @@
 } from '#/lib/strings/url-helpers'
 import {isNative} from '#/platform/detection'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {
   precacheConvoQuery,
@@ -104,6 +105,9 @@
   const {gtMobile} = useBreakpoints()
   const profile = useProfileShadow(profileUnshadowed)
   const {mutate: markAsRead} = useMarkAsReadMutation()
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   const moderation = React.useMemo(
     () => moderateProfile(profile, moderationOpts),
     [profile, moderationOpts],
@@ -494,7 +498,7 @@
                   <View
                     style={[
                       a.absolute,
-                      a.rounded_full,
+                      enableSquareButtons ? a.rounded_sm : a.rounded_full,
                       {
                         backgroundColor: isDimStyle
                           ? t.palette.contrast_200
diff --git a/src/screens/Messages/components/InboxPreview.tsx b/src/screens/Messages/components/InboxPreview.tsx
--- a/src/screens/Messages/components/InboxPreview.tsx
+++ b/src/screens/Messages/components/InboxPreview.tsx
@@ -3,6 +3,7 @@
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {AvatarStack} from '#/components/AvatarStack'
 import {ButtonIcon, ButtonText} from '#/components/Button'
@@ -17,6 +18,7 @@
 }) {
   const {_} = useLingui()
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <Link
       label={_(msg`Chat request inbox`)}
@@ -43,7 +45,7 @@
           <View
             style={[
               a.absolute,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               a.z_20,
               {
                 top: -4,
diff --git a/src/screens/Messages/components/MessageInput.tsx b/src/screens/Messages/components/MessageInput.tsx
--- a/src/screens/Messages/components/MessageInput.tsx
+++ b/src/screens/Messages/components/MessageInput.tsx
@@ -24,6 +24,7 @@
   useMessageDraft,
   useSaveMessageDraft,
 } from '#/state/messages/message-drafts'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {type EmojiPickerPosition} from '#/view/com/composer/text-input/web/EmojiPicker'
 import * as Toast from '#/view/com/util/Toast'
 import {android, atoms as a, useTheme} from '#/alf'
@@ -64,6 +65,8 @@
   const [shouldEnforceClear, setShouldEnforceClear] = useState(false)
 
   const {needsEmailVerification} = useEmail()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   useSaveMessageDraft(message)
   useExtractEmbedFromFacets(message, setEmbed)
@@ -193,7 +196,7 @@
           accessibilityHint=""
           hitSlop={HITSLOP_10}
           style={[
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             a.align_center,
             a.justify_center,
             {height: 30, width: 30, backgroundColor: t.palette.primary_500},
diff --git a/src/screens/Messages/components/MessageInput.web.tsx b/src/screens/Messages/components/MessageInput.web.tsx
--- a/src/screens/Messages/components/MessageInput.web.tsx
+++ b/src/screens/Messages/components/MessageInput.web.tsx
@@ -13,6 +13,7 @@
   useMessageDraft,
   useSaveMessageDraft,
 } from '#/state/messages/message-drafts'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {textInputWebEmitter} from '#/view/com/composer/text-input/textInputWebEmitter'
 import {
   type Emoji,
@@ -51,6 +52,8 @@
   const [isHovered, setIsHovered] = React.useState(false)
   const [textAreaHeight, setTextAreaHeight] = React.useState(38)
   const textAreaRef = React.useRef<HTMLTextAreaElement>(null)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onSubmit = React.useCallback(() => {
     if (!hasEmbed && message.trim() === '') {
@@ -168,7 +171,7 @@
             })
           }}
           style={[
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             a.overflow_hidden,
             a.align_center,
             a.justify_center,
@@ -235,7 +238,7 @@
           accessibilityLabel={_(msg`Send message`)}
           accessibilityHint=""
           style={[
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             a.align_center,
             a.justify_center,
             {
diff --git a/src/screens/Messages/components/MessageInputEmbed.tsx b/src/screens/Messages/components/MessageInputEmbed.tsx
--- a/src/screens/Messages/components/MessageInputEmbed.tsx
+++ b/src/screens/Messages/components/MessageInputEmbed.tsx
@@ -21,6 +21,7 @@
   isBskyPostUrl,
   makeRecordUri,
 } from '#/lib/strings/url-helpers'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {usePostQuery} from '#/state/queries/post'
 import {PostMeta} from '#/view/com/util/PostMeta'
@@ -104,6 +105,8 @@
 }) {
   const t = useTheme()
   const {_} = useLingui()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const {data: post, status} = usePostQuery(embedUri)
 
@@ -217,7 +220,7 @@
         size="tiny"
         variant="solid"
         color="secondary"
-        shape="round">
+        shape={enableSquareButtons ? 'square' : 'round'}>
         <ButtonIcon icon={X} />
       </Button>
     </View>
diff --git a/src/screens/PostThread/components/HeaderDropdown.tsx b/src/screens/PostThread/components/HeaderDropdown.tsx
--- a/src/screens/PostThread/components/HeaderDropdown.tsx
+++ b/src/screens/PostThread/components/HeaderDropdown.tsx
@@ -3,6 +3,7 @@
 
 import {HITSLOP_10} from '#/lib/constants'
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {type ThreadPreferences} from '#/state/queries/preferences/useThreadPreferences'
 import {Button, ButtonIcon} from '#/components/Button'
 import {SettingsSliderVertical_Stroke2_Corner0_Rounded as SettingsSlider} from '#/components/icons/SettingsSlider'
@@ -18,6 +19,9 @@
   'sort' | 'setSort' | 'view' | 'setView'
 >): React.ReactNode {
   const {_} = useLingui()
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <Menu.Root>
       <Menu.Trigger label={_(msg`Thread options`)}>
@@ -27,7 +31,7 @@
             size="small"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             hitSlop={HITSLOP_10}
             onPress={() => {
               logger.metric('thread:click:headerMenuOpen', {})
diff --git a/src/screens/PostThread/components/ThreadComposePrompt.tsx b/src/screens/PostThread/components/ThreadComposePrompt.tsx
--- a/src/screens/PostThread/components/ThreadComposePrompt.tsx
+++ b/src/screens/PostThread/components/ThreadComposePrompt.tsx
@@ -6,6 +6,7 @@
 import {PressableScale} from '#/lib/custom-animations/PressableScale'
 import {useHaptics} from '#/lib/haptics'
 import {useHideBottomBarBorderForScreen} from '#/lib/hooks/useHideBottomBarBorder'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useProfileQuery} from '#/state/queries/profile'
 import {useSession} from '#/state/session'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
@@ -27,6 +28,7 @@
   const {gtMobile} = useBreakpoints()
   const t = useTheme()
   const playHaptic = useHaptics()
+  const enableSquareButtons = useEnableSquareButtons()
   const {
     state: hovered,
     onIn: onHoverIn,
@@ -76,7 +78,7 @@
           a.align_center,
           a.p_sm,
           a.gap_sm,
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           (!gtMobile || hovered) && t.atoms.bg_contrast_25,
           native([a.border, t.atoms.border_contrast_low]),
           a.transition_color,
diff --git a/src/screens/PostThread/components/ThreadItemAnchor.tsx b/src/screens/PostThread/components/ThreadItemAnchor.tsx
--- a/src/screens/PostThread/components/ThreadItemAnchor.tsx
+++ b/src/screens/PostThread/components/ThreadItemAnchor.tsx
@@ -31,6 +31,7 @@
 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 {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {type ThreadItem} from '#/state/queries/usePostThread/types'
 import {useSession} from '#/state/session'
 import {type OnPostSuccessData} from '#/state/shell/composer'
@@ -621,6 +622,7 @@
   const t = useTheme()
   const {_, i18n} = useLingui()
   const control = Prompt.usePromptControl()
+  const enableSquareButtons = useEnableSquareButtons()
 
   const indexedAt = new Date(post.indexedAt)
   const createdAt = bsky.dangerousIsType<AppBskyFeedPost.Record>(
@@ -655,7 +657,7 @@
             style={[
               a.flex_row,
               a.align_center,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               t.atoms.bg_contrast_25,
               (hovered || pressed) && t.atoms.bg_contrast_50,
               {
diff --git a/src/screens/PostThread/components/ThreadItemAnchorFollowButton.tsx b/src/screens/PostThread/components/ThreadItemAnchorFollowButton.tsx
--- a/src/screens/PostThread/components/ThreadItemAnchorFollowButton.tsx
+++ b/src/screens/PostThread/components/ThreadItemAnchorFollowButton.tsx
@@ -6,6 +6,7 @@
 
 import {logger} from '#/logger'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useProfileFollowMutationQueue,
   useProfileQuery,
@@ -45,6 +46,8 @@
   const isFollowing = !!profile.viewer?.following
   const isFollowedBy = !!profile.viewer?.followedBy
   const [wasFollowing, setWasFollowing] = React.useState<boolean>(isFollowing)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   // This prevents the button from disappearing as soon as we follow.
   const showFollowBtn = React.useMemo(
@@ -115,7 +118,7 @@
       size="small"
       variant="solid"
       color={isFollowing ? 'secondary' : 'secondary_inverted'}
-      style={[a.rounded_full]}>
+      style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}>
       {gtMobile && (
         <ButtonIcon
           icon={isFollowing ? Check : Plus}
diff --git a/src/screens/Profile/Header/EditProfileDialog.tsx b/src/screens/Profile/Header/EditProfileDialog.tsx
--- a/src/screens/Profile/Header/EditProfileDialog.tsx
+++ b/src/screens/Profile/Header/EditProfileDialog.tsx
@@ -10,6 +10,7 @@
 import {logger} from '#/logger'
 import {type ImageMeta} from '#/state/gallery'
 import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useProfileUpdateMutation} from '#/state/queries/profile'
 import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
 import * as Toast from '#/view/com/util/Toast'
@@ -101,6 +102,7 @@
   const {_} = useLingui()
   const t = useTheme()
   const control = Dialog.useDialogContext()
+  const enableSquareButtons = useEnableSquareButtons()
   const verification = useSimpleVerificationState({
     profile,
   })
@@ -223,14 +225,14 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
         testID="editProfileCancelBtn">
         <ButtonText style={[a.text_md]}>
           <Trans>Cancel</Trans>
         </ButtonText>
       </Button>
     ),
-    [onPressCancel, _],
+    [onPressCancel, _, enableSquareButtons],
   )
 
   const saveButton = useCallback(
@@ -247,7 +249,7 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
         testID="editProfileSaveBtn">
         <ButtonText style={[a.text_md, !dirty && t.atoms.text_contrast_low]}>
           <Trans>Save</Trans>
@@ -263,6 +265,7 @@
       isUpdatingProfile,
       displayNameTooLong,
       descriptionTooLong,
+      enableSquareButtons,
     ],
   )
 
diff --git a/src/screens/Profile/Header/ProfileHeaderLabeler.tsx b/src/screens/Profile/Header/ProfileHeaderLabeler.tsx
--- a/src/screens/Profile/Header/ProfileHeaderLabeler.tsx
+++ b/src/screens/Profile/Header/ProfileHeaderLabeler.tsx
@@ -18,6 +18,7 @@
 import {isIOS} from '#/platform/detection'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
 import {type Shadow} from '#/state/cache/types'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useLabelerSubscriptionMutation} from '#/state/queries/labeler'
 import {useLikeMutation, useUnlikeMutation} from '#/state/queries/like'
 import {usePreferencesQuery} from '#/state/queries/preferences'
@@ -67,6 +68,8 @@
   const playHaptic = useHaptics()
   const cantSubscribePrompt = Prompt.usePromptControl()
   const isSelf = currentAccount?.did === profile.did
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const moderation = useMemo(
     () => moderateProfile(profile, moderationOpts),
@@ -179,7 +182,7 @@
                 variant="solid"
                 onPress={editProfileControl.open}
                 label={_(msg`Edit profile`)}
-                style={a.rounded_full}>
+                style={enableSquareButtons ? a.rounded_sm : a.rounded_full}>
                 <ButtonText>
                   <Trans>Edit Profile</Trans>
                 </ButtonText>
@@ -266,7 +269,7 @@
                   size="small"
                   color="secondary"
                   variant="solid"
-                  shape="round"
+                  shape={enableSquareButtons ? 'square' : 'round'}
                   label={_(msg`Like this labeler`)}
                   disabled={!hasSession || isLikePending || isUnlikePending}
                   onPress={onToggleLiked}>
diff --git a/src/screens/Profile/Header/ProfileHeaderStandard.tsx b/src/screens/Profile/Header/ProfileHeaderStandard.tsx
--- a/src/screens/Profile/Header/ProfileHeaderStandard.tsx
+++ b/src/screens/Profile/Header/ProfileHeaderStandard.tsx
@@ -16,6 +16,7 @@
 import {logger} from '#/logger'
 import {isIOS} from '#/platform/detection'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useProfileBlockMutationQueue,
   useProfileFollowMutationQueue,
@@ -84,6 +85,8 @@
   const playHaptic = useHaptics()
 
   const editProfileControl = useDialogControl()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onPressFollow = () => {
     playHaptic()
@@ -194,7 +197,9 @@
                   variant="solid"
                   onPress={editProfileControl.open}
                   label={_(msg`Edit profile`)}
-                  style={[a.rounded_full]}>
+                  style={
+                    enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]
+                  }>
                   <ButtonText>
                     <Trans>Edit Profile</Trans>
                   </ButtonText>
@@ -214,7 +219,9 @@
                   label={_(msg`Unblock`)}
                   disabled={!hasSession}
                   onPress={() => unblockPromptControl.open()}
-                  style={[a.rounded_full]}>
+                  style={
+                    enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]
+                  }>
                   <ButtonText>
                     <Trans context="action">Unblock</Trans>
                   </ButtonText>
@@ -245,7 +252,9 @@
                   onPress={
                     profile.viewer?.following ? onPressUnfollow : onPressFollow
                   }
-                  style={[a.rounded_full]}>
+                  style={
+                    enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]
+                  }>
                   {!profile.viewer?.following && (
                     <ButtonIcon position="left" icon={Plus} />
                   )}
diff --git a/src/screens/Profile/Header/Shell.tsx b/src/screens/Profile/Header/Shell.tsx
--- a/src/screens/Profile/Header/Shell.tsx
+++ b/src/screens/Profile/Header/Shell.tsx
@@ -23,6 +23,7 @@
 import {type Shadow} from '#/state/cache/types'
 import {useLightboxControls} from '#/state/lightbox'
 import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   maybeModifyHighQualityImage,
   useHighQualityImages,
@@ -68,6 +69,7 @@
   const liveStatusControl = useDialogControl()
   const highQualityImages = useHighQualityImages()
   const enableSquareAvatars = useEnableSquareAvatars()
+  const enableSquareButtons = useEnableSquareButtons()
 
   const aviRef = useAnimatedRef()
   const bannerRef = useAnimatedRef()
@@ -233,7 +235,7 @@
                     style={[
                       a.align_center,
                       a.justify_center,
-                      a.rounded_full,
+                      enableSquareButtons ? a.rounded_sm : a.rounded_full,
                       {
                         width: 31,
                         height: 31,
diff --git a/src/screens/Profile/components/ProfileFeedHeader.tsx b/src/screens/Profile/components/ProfileFeedHeader.tsx
--- a/src/screens/Profile/components/ProfileFeedHeader.tsx
+++ b/src/screens/Profile/components/ProfileFeedHeader.tsx
@@ -12,6 +12,7 @@
 import {toShareUrl} from '#/lib/strings/url-helpers'
 import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {type FeedSourceFeedInfo} from '#/state/queries/feed'
 import {useLikeMutation, useUnlikeMutation} from '#/state/queries/like'
 import {
@@ -55,6 +56,7 @@
 
 export function ProfileFeedHeaderSkeleton() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <Layout.Header.Outer>
@@ -69,7 +71,7 @@
           style={[
             a.justify_center,
             a.align_center,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             t.atoms.bg_contrast_25,
             {
               height: 34,
@@ -400,6 +402,8 @@
   const isLiked = !!likeUri
   const feedRkey = React.useMemo(() => new AtUri(info.uri).rkey, [info.uri])
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const onToggleLiked = async () => {
     try {
       playHaptic()
@@ -472,7 +476,7 @@
           size="small"
           variant="ghost"
           color="secondary"
-          shape="round"
+          shape={enableSquareButtons ? 'square' : 'round'}
           onPress={onPressShare}>
           <ButtonIcon icon={Share} size="lg" />
         </Button>
diff --git a/src/screens/ProfileList/components/Header.tsx b/src/screens/ProfileList/components/Header.tsx
--- a/src/screens/ProfileList/components/Header.tsx
+++ b/src/screens/ProfileList/components/Header.tsx
@@ -7,6 +7,7 @@
 import {useHaptics} from '#/lib/haptics'
 import {makeListLink} from '#/lib/routes/links'
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useListBlockMutation, useListMuteMutation} from '#/state/queries/list'
 import {
   useAddSavedFeedsMutation,
@@ -40,6 +41,8 @@
   const isBlocking = !!list.viewer?.blocked
   const isMuting = !!list.viewer?.muted
   const playHaptic = useHaptics()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const {mutateAsync: muteList, isPending: isMutePending} =
     useListMuteMutation()
@@ -157,7 +160,7 @@
             onPress={onTogglePinned}
             disabled={isPending}
             size="small"
-            style={[a.rounded_full]}>
+            style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}>
             {!isPinned && <ButtonIcon icon={isPending ? Loader : PinIcon} />}
             <ButtonText>
               {isPinned ? <Trans>Unpin</Trans> : <Trans>Pin to home</Trans>}
@@ -171,7 +174,7 @@
               label={_(msg`Unblock`)}
               onPress={onUnsubscribeBlock}
               size="small"
-              style={[a.rounded_full]}
+              style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
               disabled={isBlockPending}>
               {isBlockPending && <ButtonIcon icon={Loader} />}
               <ButtonText>
@@ -185,7 +188,7 @@
               label={_(msg`Unmute`)}
               onPress={onUnsubscribeMute}
               size="small"
-              style={[a.rounded_full]}
+              style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
               disabled={isMutePending}>
               {isMutePending && <ButtonIcon icon={Loader} />}
               <ButtonText>
diff --git a/src/screens/ProfileList/components/MoreOptionsMenu.tsx b/src/screens/ProfileList/components/MoreOptionsMenu.tsx
--- a/src/screens/ProfileList/components/MoreOptionsMenu.tsx
+++ b/src/screens/ProfileList/components/MoreOptionsMenu.tsx
@@ -8,6 +8,7 @@
 import {toShareUrl} from '#/lib/strings/url-helpers'
 import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useListBlockMutation,
   useListDeleteMutation,
@@ -60,6 +61,8 @@
   const isMuting = !!list.viewer?.muted
   const isPinned = Boolean(savedFeedConfig?.pinned)
   const isOwner = currentAccount?.did === list.creator.did
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onPressShare = () => {
     const {rkey} = new AtUri(list.uri)
@@ -153,7 +156,7 @@
               testID="moreOptionsBtn"
               size="small"
               color="secondary"
-              shape="round"
+              shape={enableSquareButtons ? 'square' : 'round'}
               {...props}>
               <ButtonIcon icon={DotGridIcon} />
             </Button>
diff --git a/src/screens/ProfileList/components/SubscribeMenu.tsx b/src/screens/ProfileList/components/SubscribeMenu.tsx
--- a/src/screens/ProfileList/components/SubscribeMenu.tsx
+++ b/src/screens/ProfileList/components/SubscribeMenu.tsx
@@ -3,6 +3,7 @@
 import {useLingui} from '@lingui/react'
 
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useListBlockMutation, useListMuteMutation} from '#/state/queries/list'
 import {atoms as a} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
@@ -24,6 +25,8 @@
     useListBlockMutation()
 
   const isPending = isMutePending || isBlockPending
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onSubscribeMute = async () => {
     try {
@@ -73,7 +76,7 @@
               testID="subscribeBtn"
               size="small"
               color="primary_subtle"
-              style={[a.rounded_full]}
+              style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
               disabled={isPending}
               {...props}>
               {isPending && <ButtonIcon icon={Loader} />}
diff --git a/src/screens/Search/components/ModuleHeader.tsx b/src/screens/Search/components/ModuleHeader.tsx
--- a/src/screens/Search/components/ModuleHeader.tsx
+++ b/src/screens/Search/components/ModuleHeader.tsx
@@ -5,6 +5,7 @@
 import {PressableScale} from '#/lib/custom-animations/PressableScale'
 import {makeCustomFeedLink} from '#/lib/routes/links'
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, native, useTheme, type ViewStyleProp} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
@@ -126,13 +127,14 @@
   metricsTag: 'suggestedAccounts' | 'suggestedFeeds'
   onPress?: () => void
 }) {
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <Button
       label={label}
       size="small"
       variant="ghost"
       color="secondary"
-      shape="round"
+      shape={enableSquareButtons ? 'square' : 'round'}
       PressableComponent={native(PressableScale)}
       onPress={() => {
         logger.metric(
diff --git a/src/screens/Search/components/SearchHistory.tsx b/src/screens/Search/components/SearchHistory.tsx
--- a/src/screens/Search/components/SearchHistory.tsx
+++ b/src/screens/Search/components/SearchHistory.tsx
@@ -7,6 +7,7 @@
 import {makeProfileLink} from '#/lib/routes/links'
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
 import {sanitizeHandle} from '#/lib/strings/handles'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {BlockDrawerGesture} from '#/view/shell/BlockDrawerGesture'
@@ -37,6 +38,8 @@
 }) {
   const {_} = useLingui()
   const moderationOpts = useModerationOpts()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <Layout.Content
@@ -96,7 +99,7 @@
                   size="small"
                   variant="ghost"
                   color="secondary"
-                  shape="round">
+                  shape={enableSquareButtons ? 'square' : 'round'}>
                   <ButtonIcon icon={XIcon} />
                 </Button>
               </View>
@@ -128,6 +131,8 @@
     moderation.ui('displayName'),
   )
   const verification = useSimpleVerificationState({profile})
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <View style={[a.relative]}>
@@ -169,7 +174,7 @@
         size="tiny"
         variant="outline"
         color="secondary"
-        shape="round"
+        shape={enableSquareButtons ? 'square' : 'round'}
         onPress={onRemove}
         style={[
           a.absolute,
diff --git a/src/screens/Search/components/StarterPackCard.tsx b/src/screens/Search/components/StarterPackCard.tsx
--- a/src/screens/Search/components/StarterPackCard.tsx
+++ b/src/screens/Search/components/StarterPackCard.tsx
@@ -9,6 +9,7 @@
 import {useLingui} from '@lingui/react'
 
 import {sanitizeHandle} from '#/lib/strings/handles'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useSession} from '#/state/session'
 import {LoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
@@ -144,6 +145,8 @@
   const widthPerc = 100 / circlesCount
   const [size, setSize] = React.useState<number | null>(null)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const isPending = (numPending && profiles.length === 0) || !moderationOpts
 
   const items = isPending
@@ -186,7 +189,7 @@
             <View
               onLayout={e => setSize(e.nativeEvent.layout.width)}
               style={[
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 t.atoms.bg_contrast_25,
                 {
                   paddingTop: '100%',
@@ -201,7 +204,9 @@
                   style={[a.absolute, a.inset_0]}
                 />
               ) : (
-                <MediaInsetBorder style={[a.rounded_full]} />
+                <MediaInsetBorder
+                  style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
+                />
               )}
             </View>
           </View>
@@ -231,7 +236,7 @@
               style={[
                 a.absolute,
                 a.inset_0,
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 a.align_center,
                 a.justify_center,
                 {
diff --git a/src/screens/Search/modules/ExploreInterestsCard.tsx b/src/screens/Search/modules/ExploreInterestsCard.tsx
--- a/src/screens/Search/modules/ExploreInterestsCard.tsx
+++ b/src/screens/Search/modules/ExploreInterestsCard.tsx
@@ -4,6 +4,7 @@
 import {useLingui} from '@lingui/react'
 
 import {useInterestsDisplayNames} from '#/lib/interests'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {Nux, useSaveNux} from '#/state/queries/nuxs'
 import {usePreferencesQuery} from '#/state/queries/preferences'
 import {atoms as a, useTheme} from '#/alf'
@@ -22,6 +23,8 @@
   const {mutateAsync: saveNux} = useSaveNux()
   const trendingPrompt = Prompt.usePromptControl()
   const [closing, setClosing] = useState(false)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onClose = () => {
     trendingPrompt.open()
@@ -77,7 +80,7 @@
                   style={[
                     a.justify_center,
                     a.align_center,
-                    a.rounded_full,
+                    enableSquareButtons ? a.rounded_sm : a.rounded_full,
                     t.atoms.bg_contrast_25,
                     a.px_lg,
                     {height: 32},
@@ -111,7 +114,7 @@
             size="small"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             onPress={onClose}
             style={[
               a.absolute,
diff --git a/src/screens/Search/modules/ExploreTrendingTopics.tsx b/src/screens/Search/modules/ExploreTrendingTopics.tsx
--- a/src/screens/Search/modules/ExploreTrendingTopics.tsx
+++ b/src/screens/Search/modules/ExploreTrendingTopics.tsx
@@ -5,6 +5,7 @@
 import {useLingui} from '@lingui/react'
 
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useTrendingSettings} from '#/state/preferences/trending'
 import {useGetTrendsQuery} from '#/state/queries/trending/useGetTrendsQuery'
@@ -158,11 +159,14 @@
 function TrendingIndicator({type}: {type: TrendingIndicatorType | 'skeleton'}) {
   const t = useTheme()
   const {_} = useLingui()
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   const pillStyles = [
     a.flex_row,
     a.align_center,
     a.gap_xs,
-    a.rounded_full,
+    enableSquareButtons ? a.rounded_sm : a.rounded_full,
     {height: 28, paddingHorizontal: 10},
   ]
 
@@ -246,6 +250,8 @@
   const t = useTheme()
   const gutters = useGutters([0, 'base'])
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       style={[
@@ -263,7 +269,7 @@
             <LoadingPlaceholder
               width={12}
               height={12}
-              style={[a.rounded_full]}
+              style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
             />
           </View>
           <LoadingPlaceholder width={90} height={17} />
diff --git a/src/screens/Search/modules/ExploreTrendingVideos.tsx b/src/screens/Search/modules/ExploreTrendingVideos.tsx
--- a/src/screens/Search/modules/ExploreTrendingVideos.tsx
+++ b/src/screens/Search/modules/ExploreTrendingVideos.tsx
@@ -9,6 +9,7 @@
 import {VIDEO_FEED_URI} from '#/lib/constants'
 import {makeCustomFeedLink} from '#/lib/routes/links'
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {RQKEY, usePostFeedQuery} from '#/state/queries/post-feed'
 import {BlockDrawerGesture} from '#/view/shell/BlockDrawerGesture'
 import {atoms as a, tokens, useGutters, useTheme} from '#/alf'
@@ -151,6 +152,7 @@
 }) {
   const t = useTheme()
   const {_} = useLingui()
+  const enableSquareButtons = useEnableSquareButtons()
   const items = useMemo(() => {
     return data.pages
       .flatMap(page => page.slices)
@@ -215,7 +217,7 @@
                 style={[
                   a.align_center,
                   a.justify_center,
-                  a.rounded_full,
+                  enableSquareButtons ? a.rounded_sm : a.rounded_full,
                   {
                     width: 34,
                     height: 34,
diff --git a/src/screens/Settings/components/ChangeHandleDialog.tsx b/src/screens/Settings/components/ChangeHandleDialog.tsx
--- a/src/screens/Settings/components/ChangeHandleDialog.tsx
+++ b/src/screens/Settings/components/ChangeHandleDialog.tsx
@@ -19,6 +19,7 @@
 import {cleanError} from '#/lib/strings/errors'
 import {createFullHandle, validateServiceHandle} from '#/lib/strings/handles'
 import {sanitizeHandle} from '#/lib/strings/handles'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useFetchDid, useUpdateHandleMutation} from '#/state/queries/handle'
 import {RQKEY as RQKEY_PROFILE} from '#/state/queries/profile'
 import {useServiceQuery} from '#/state/queries/service'
@@ -62,6 +63,7 @@
   const control = Dialog.useDialogContext()
   const {_} = useLingui()
   const agent = useAgent()
+  const enableSquareButtons = useEnableSquareButtons()
   const {
     data: serviceInfo,
     error: serviceInfoError,
@@ -80,13 +82,13 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}>
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}>
         <ButtonText style={[a.text_md]}>
           <Trans>Cancel</Trans>
         </ButtonText>
       </Button>
     ),
-    [control, _],
+    [control, _, enableSquareButtons],
   )
 
   return (
@@ -624,6 +626,7 @@
 function SuccessMessage({text}: {text: string}) {
   const {gtMobile} = useBreakpoints()
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
@@ -639,7 +642,7 @@
       <View
         style={[
           {height: 20, width: 20},
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           a.align_center,
           a.justify_center,
           {backgroundColor: t.palette.positive_500},
diff --git a/src/screens/StarterPack/Wizard/index.tsx b/src/screens/StarterPack/Wizard/index.tsx
--- a/src/screens/StarterPack/Wizard/index.tsx
+++ b/src/screens/StarterPack/Wizard/index.tsx
@@ -32,6 +32,7 @@
 } from '#/lib/strings/starter-pack'
 import {logger} from '#/logger'
 import {isNative} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useAllListMembersQuery} from '#/state/queries/list-members'
 import {useProfileQuery} from '#/state/queries/profile'
@@ -417,6 +418,7 @@
   const {bottom: bottomInset} = useSafeAreaInsets()
   const {currentAccount} = useSession()
   const items = state.currentStep === 'Profiles' ? state.profiles : state.feeds
+  const enableSquareButtons = useEnableSquareButtons()
 
   const minimumItems = state.currentStep === 'Profiles' ? 8 : 0
 
@@ -459,7 +461,7 @@
           <View
             key={index}
             style={[
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               {
                 borderWidth: 0.5,
                 borderColor: t.atoms.bg.backgroundColor,
diff --git a/src/screens/VideoFeed/components/Header.tsx b/src/screens/VideoFeed/components/Header.tsx
--- a/src/screens/VideoFeed/components/Header.tsx
+++ b/src/screens/VideoFeed/components/Header.tsx
@@ -7,6 +7,7 @@
 import {HITSLOP_30} from '#/lib/constants'
 import {type NavigationProp} from '#/lib/routes/types'
 import {sanitizeHandle} from '#/lib/strings/handles'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useFeedSourceInfoQuery} from '#/state/queries/feed'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {type VideoFeedSourceContext} from '#/screens/VideoFeed/types'
@@ -144,6 +145,8 @@
   const {_} = useLingui()
   const navigation = useNavigation<NavigationProp>()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const onPressBack = useCallback(
     (evt: GestureResponderEvent) => {
       onPress?.(evt)
@@ -164,7 +167,7 @@
         size="small"
         variant="ghost"
         color="secondary"
-        shape="round"
+        shape={enableSquareButtons ? 'square' : 'round'}
         onPress={onPressBack}
         hitSlop={HITSLOP_30}
         style={[
diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx
--- a/src/view/com/composer/Composer.tsx
+++ b/src/view/com/composer/Composer.tsx
@@ -86,6 +86,7 @@
 } from '#/state/gallery'
 import {useModalControls} from '#/state/modals'
 import {useRequireAltTextEnabled} from '#/state/preferences'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   fromPostLanguages,
   toPostLanguages,
@@ -855,6 +856,8 @@
     : _(msg`What's up?`)
   const discardPromptControl = Prompt.usePromptControl()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const dispatchPost = useCallback(
     (action: PostAction) => {
       dispatch({
@@ -968,7 +971,7 @@
             size="small"
             color="secondary"
             variant="ghost"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             style={[a.absolute, {top: 0, right: 0}]}
             onPress={() => {
               if (
@@ -1039,6 +1042,9 @@
 }) {
   const pal = usePalette('default')
   const {_} = useLingui()
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <Animated.View
       style={topBarAnimatedStyle}
@@ -1050,7 +1056,11 @@
           color="primary"
           shape="default"
           size="small"
-          style={[a.rounded_full, a.py_sm, {paddingLeft: 7, paddingRight: 7}]}
+          style={[
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
+            a.py_sm,
+            {paddingLeft: 7, paddingRight: 7},
+          ]}
           onPress={onCancel}
           accessibilityHint={_(
             msg`Closes post composer and discards post draft`,
@@ -1107,7 +1117,10 @@
             color="primary"
             shape="default"
             size="small"
-            style={[a.rounded_full, a.py_sm]}
+            style={[
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
+              a.py_sm,
+            ]}
             onPress={onPublish}
             disabled={!canPost || isPublishQueued}>
             <ButtonText style={[a.text_md]}>
@@ -1365,6 +1378,8 @@
   let selectedAssetsCount = 0
   let isMediaSelectionDisabled = false
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   if (media?.type === 'images') {
     isMediaSelectionDisabled = isMaxImages
     selectedAssetsCount = images.length
@@ -1476,7 +1491,7 @@
                   label={_(msg`Open emoji picker`)}
                   accessibilityHint={_(msg`Opens emoji picker`)}
                   variant="ghost"
-                  shape="round"
+                  shape={enableSquareButtons ? 'square' : 'round'}
                   color="primary">
                   <EmojiSmileIcon size="lg" />
                 </Button>
@@ -1492,7 +1507,7 @@
             onPress={onAddPost}
             style={[a.p_sm]}
             variant="ghost"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             color="primary">
             <PlusIcon size="lg" />
           </Button>
@@ -1774,6 +1789,8 @@
   const t = useTheme()
   const {_} = useLingui()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const videoError =
     videoState.status === 'error' ? videoState.error : undefined
   const error = standardError || videoError
@@ -1811,7 +1828,7 @@
             size="tiny"
             color="secondary"
             variant="ghost"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             style={[a.absolute, {top: 0, right: 0}]}
             onPress={onClearError}>
             <ButtonIcon icon={XIcon} />
diff --git a/src/view/com/composer/ExternalEmbedRemoveBtn.tsx b/src/view/com/composer/ExternalEmbedRemoveBtn.tsx
--- a/src/view/com/composer/ExternalEmbedRemoveBtn.tsx
+++ b/src/view/com/composer/ExternalEmbedRemoveBtn.tsx
@@ -2,6 +2,7 @@
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme, type ViewStyleProp} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
@@ -13,6 +14,8 @@
   const t = useTheme()
   const {_} = useLingui()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View style={[a.absolute, {top: 8, right: 8}, a.z_50, style]}>
       <Button
@@ -21,7 +24,7 @@
         size="small"
         variant="solid"
         color="secondary"
-        shape="round"
+        shape={enableSquareButtons ? 'square' : 'round'}
         style={[t.atoms.shadow_sm]}>
         <ButtonIcon icon={X} size="sm" />
       </Button>
diff --git a/src/view/com/composer/SelectMediaButton.tsx b/src/view/com/composer/SelectMediaButton.tsx
--- a/src/view/com/composer/SelectMediaButton.tsx
+++ b/src/view/com/composer/SelectMediaButton.tsx
@@ -12,6 +12,7 @@
 import {openUnifiedPicker} from '#/lib/media/picker'
 import {extractDataUriMime} from '#/lib/media/util'
 import {isNative, isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {MAX_IMAGES} from '#/view/com/composer/state/composer'
 import {atoms as a, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
@@ -460,6 +461,8 @@
     selectionCountRemaining,
   ])
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <Button
       testID="openMediaBtn"
@@ -480,7 +483,7 @@
       )}
       style={a.p_sm}
       variant="ghost"
-      shape="round"
+      shape={enableSquareButtons ? 'square' : 'round'}
       color="primary"
       disabled={disabled}>
       <ImageIcon
diff --git a/src/view/com/lists/MyLists.tsx b/src/view/com/lists/MyLists.tsx
--- a/src/view/com/lists/MyLists.tsx
+++ b/src/view/com/lists/MyLists.tsx
@@ -15,6 +15,7 @@
 import {cleanError} from '#/lib/strings/errors'
 import {s} from '#/lib/styles'
 import {logger} from '#/logger'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {type MyListsFilter, useMyListsQuery} from '#/state/queries/my-lists'
 import {atoms as a, useTheme} from '#/alf'
@@ -49,6 +50,7 @@
   const {data, isFetching, isFetched, isError, error, refetch} =
     useMyListsQuery(filter)
   const isEmpty = !isFetching && !data?.length
+  const enableSquareButtons = useEnableSquareButtons()
 
   const items = React.useMemo(() => {
     let items: any[] = []
@@ -107,7 +109,7 @@
               style={[
                 a.align_center,
                 a.justify_center,
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 t.atoms.bg_contrast_25,
                 {
                   width: 32,
@@ -159,7 +161,7 @@
         </View>
       )
     },
-    [t, renderItem, error, onRefresh, emptyText],
+    [t, renderItem, error, onRefresh, emptyText, enableSquareButtons],
   )
 
   if (inline) {
diff --git a/src/view/com/posts/PostFeedItemCarousel.tsx b/src/view/com/posts/PostFeedItemCarousel.tsx
--- a/src/view/com/posts/PostFeedItemCarousel.tsx
+++ b/src/view/com/posts/PostFeedItemCarousel.tsx
@@ -3,6 +3,7 @@
 import {msg, Plural} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {type FeedPostSlice} from '#/state/queries/post-feed'
 import {BlockDrawerGesture} from '#/view/shell/BlockDrawerGesture'
 import {atoms as a, useTheme} from '#/alf'
@@ -22,6 +23,8 @@
   const {_} = useLingui()
   const ref = React.useRef<ScrollView>(null)
   const [scrollX, setScrollX] = React.useState(0)
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const scrollTo = React.useCallback(
     (item: number) => {
@@ -68,7 +71,7 @@
             size="tiny"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             onPress={() => scrollLeft()}>
             <ButtonIcon icon={ChevronLeft} />
           </Button>
@@ -77,7 +80,7 @@
             size="tiny"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             onPress={() => scrollRight()}>
             <ButtonIcon icon={ChevronRight} />
           </Button>
@@ -135,6 +138,7 @@
                       isCarouselItem={true}
                       rootPost={slice.items[0].post}
                       showReplyTo={false}
+                      reqId={undefined}
                     />
                   </View>
                 )
diff --git a/src/view/com/profile/ProfileMenu.tsx b/src/view/com/profile/ProfileMenu.tsx
--- a/src/view/com/profile/ProfileMenu.tsx
+++ b/src/view/com/profile/ProfileMenu.tsx
@@ -20,6 +20,7 @@
   useDeerVerificationTrusted,
   useSetDeerVerificationTrust,
 } from '#/state/preferences/deer-verification'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   RQKEY as profileQueryKey,
   useProfileBlockMutationQueue,
@@ -235,6 +236,8 @@
 
   const status = useActorStatus(profile)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <EventStopper onKeyDown={false}>
       <Menu.Root>
@@ -249,7 +252,7 @@
                 variant="solid"
                 color="secondary"
                 size="small"
-                shape="round">
+                shape={enableSquareButtons ? 'square' : 'round'}>
                 <ButtonIcon icon={Ellipsis} size="sm" />
               </Button>
             )
diff --git a/src/view/com/util/LoadingPlaceholder.tsx b/src/view/com/util/LoadingPlaceholder.tsx
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -8,6 +8,7 @@
 } from 'react-native'
 
 import {s} from '#/lib/styles'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Bubble_Stroke2_Corner2_Rounded as Bubble} from '#/components/icons/Bubble'
 import {
@@ -277,9 +278,14 @@
 }) {
   const t = useTheme()
   const random = useMemo(() => Math.random(), [])
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View style={[a.flex_row, a.gap_md, a.px_lg, a.mt_lg, t.atoms.bg, style]}>
-      <LoadingPlaceholder width={52} height={52} style={a.rounded_full} />
+      <LoadingPlaceholder
+        width={52}
+        height={52}
+        style={enableSquareButtons ? a.rounded_sm : a.rounded_full}
+      />
       <View>
         <LoadingPlaceholder width={140} height={12} style={a.mt_xs} />
         <LoadingPlaceholder width={120} height={8} style={a.mt_sm} />
diff --git a/src/view/screens/Storybook/Links.tsx b/src/view/screens/Storybook/Links.tsx
--- a/src/view/screens/Storybook/Links.tsx
+++ b/src/view/screens/Storybook/Links.tsx
@@ -1,5 +1,6 @@
 import {View} from 'react-native'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {ButtonText} from '#/components/Button'
 import {InlineLinkText, Link} from '#/components/Link'
@@ -7,6 +8,7 @@
 
 export function Links() {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View style={[a.gap_md, a.align_start]}>
       <H1>Links</H1>
@@ -55,7 +57,7 @@
             <View
               style={[
                 {width: 32, height: 32},
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 t.atoms.bg_contrast_200,
               ]}
             />
diff --git a/src/view/shell/bottom-bar/BottomBar.tsx b/src/view/shell/bottom-bar/BottomBar.tsx
--- a/src/view/shell/bottom-bar/BottomBar.tsx
+++ b/src/view/shell/bottom-bar/BottomBar.tsx
@@ -21,6 +21,7 @@
 import {useGate} from '#/lib/statsig/statsig'
 import {emitSoftReset} from '#/state/events'
 import {useHomeBadge} from '#/state/home-badge'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useUnreadMessageCount} from '#/state/queries/messages/list-conversations'
 import {useUnreadNotifications} from '#/state/queries/notifications/unread'
 import {useProfileQuery} from '#/state/queries/profile'
@@ -396,6 +397,7 @@
   accessibilityHint,
   accessibilityLabel,
 }: BtnProps) {
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <PressableScale
       testID={testID}
@@ -410,11 +412,20 @@
       accessibilityShowsLargeContentViewer>
       {icon}
       {notificationCount ? (
-        <View style={[styles.notificationCount, a.rounded_full]}>
+        <View
+          style={[
+            styles.notificationCount,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
+          ]}>
           <Text style={styles.notificationCountLabel}>{notificationCount}</Text>
         </View>
       ) : hasNew ? (
-        <View style={[styles.hasNewBadge, a.rounded_full]} />
+        <View
+          style={[
+            styles.hasNewBadge,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
+          ]}
+        />
       ) : null}
     </PressableScale>
   )
diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx
--- a/src/view/shell/desktop/LeftNav.tsx
+++ b/src/view/shell/desktop/LeftNav.tsx
@@ -21,6 +21,7 @@
 import {isInvalidHandle, sanitizeHandle} from '#/lib/strings/handles'
 import {emitSoftReset} from '#/state/events'
 import {useHomeBadge} from '#/state/home-badge'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useFetchHandle} from '#/state/queries/handle'
 import {useUnreadMessageCount} from '#/state/queries/messages/list-conversations'
 import {useUnreadNotifications} from '#/state/queries/notifications/unread'
@@ -103,6 +104,8 @@
 
   const {isActive: live} = useActorStatus(profile)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View style={[a.my_md, !leftNavMinimal && [a.w_full, a.align_start]]}>
       {!isLoading && profile ? (
@@ -118,7 +121,7 @@
                     a.w_full,
                     a.transition_color,
                     active ? t.atoms.bg_contrast_25 : a.transition_delay_50ms,
-                    a.rounded_full,
+                    enableSquareButtons ? a.rounded_sm : a.rounded_full,
                     a.justify_between,
                     a.align_center,
                     a.flex_row,
@@ -379,6 +382,9 @@
   const {currentAccount} = useSession()
   const {leftNavMinimal} = useLayoutBreakpoints()
   const [pathName] = useMemo(() => router.matchPath(href), [href])
+
+  const enableSquareButtons = useEnableSquareButtons()
+
   const currentRouteInfo = useNavigationState(state => {
     if (!state) {
       return {name: 'Home'}
@@ -465,7 +471,7 @@
                 a.absolute,
                 a.text_xs,
                 a.font_semi_bold,
-                a.rounded_full,
+                enableSquareButtons ? a.rounded_sm : a.rounded_full,
                 a.text_center,
                 a.leading_tight,
                 a.z_20,
@@ -493,7 +499,7 @@
           <View
             style={[
               a.absolute,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               a.z_20,
               {
                 backgroundColor: t.palette.primary_500,
@@ -527,6 +533,8 @@
   const {leftNavMinimal} = useLayoutBreakpoints()
   const [isFetchingHandle, setIsFetchingHandle] = useState(false)
   const fetchHandle = useFetchHandle()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const getProfileHandle = async () => {
     const routes = getState()?.routes
@@ -577,7 +585,7 @@
         size="large"
         variant="solid"
         color="primary"
-        style={[a.rounded_full]}>
+        style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}>
         <ButtonIcon icon={EditBig} position="left" />
         <ButtonText>
           <Trans context="action">New Post</Trans>
diff --git a/src/view/shell/desktop/SidebarTrendingTopics.tsx b/src/view/shell/desktop/SidebarTrendingTopics.tsx
--- a/src/view/shell/desktop/SidebarTrendingTopics.tsx
+++ b/src/view/shell/desktop/SidebarTrendingTopics.tsx
@@ -4,6 +4,7 @@
 import {useLingui} from '@lingui/react'
 
 import {logEvent} from '#/lib/statsig/statsig'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   useTrendingSettings,
   useTrendingSettingsApi,
@@ -39,6 +40,8 @@
   const {data: trending, error, isLoading} = useTrendingTopics()
   const noTopics = !isLoading && !error && !trending?.topics?.length
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const onConfirmHide = React.useCallback(() => {
     logEvent('trendingTopics:hide', {context: 'sidebar'})
     setTrendingDisabled(true)
@@ -63,7 +66,7 @@
             size="tiny"
             variant="ghost"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             onPress={() => trendingPrompt.open()}>
             <ButtonIcon icon={X} />
           </Button>
@@ -82,7 +85,7 @@
                 <TrendingTopicLink
                   key={topic.link}
                   topic={topic}
-                  style={a.rounded_full}
+                  style={enableSquareButtons ? a.rounded_sm : a.rounded_full}
                   onPress={() => {
                     logEvent('trendingTopic:click', {context: 'sidebar'})
                   }}>
diff --git a/src/components/Post/Embed/VideoEmbed/index.tsx b/src/components/Post/Embed/VideoEmbed/index.tsx
--- a/src/components/Post/Embed/VideoEmbed/index.tsx
+++ b/src/components/Post/Embed/VideoEmbed/index.tsx
@@ -5,6 +5,7 @@
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {ErrorBoundary} from '#/view/com/util/ErrorBoundary'
 import {ConstrainedImage} from '#/view/com/util/images/AutoSizedImage'
 import {atoms as a} from '#/alf'
@@ -66,6 +67,8 @@
   const {_} = useLingui()
   const ref = useRef<{togglePlayback: () => void}>(null)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const [status, setStatus] = useState<'playing' | 'paused' | 'pending'>(
     'pending',
   )
@@ -116,7 +119,7 @@
             {showSpinner ? (
               <View
                 style={[
-                  a.rounded_full,
+                  enableSquareButtons ? a.rounded_sm : a.rounded_full,
                   a.p_xs,
                   a.align_center,
                   a.justify_center,
diff --git a/src/view/com/composer/photos/EditImageDialog.web.tsx b/src/view/com/composer/photos/EditImageDialog.web.tsx
--- a/src/view/com/composer/photos/EditImageDialog.web.tsx
+++ b/src/view/com/composer/photos/EditImageDialog.web.tsx
@@ -11,6 +11,7 @@
   type ImageTransformation,
   manipulateImage,
 } from '#/state/gallery'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -37,6 +38,8 @@
   const [pending, setPending] = useState(false)
   const ref = useRef<{save: () => Promise<void>}>(null)
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const cancelButton = useCallback(
     () => (
       <Button
@@ -46,14 +49,14 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}
+        style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}
         testID="cropImageCancelBtn">
         <ButtonText style={[a.text_md]}>
           <Trans>Cancel</Trans>
         </ButtonText>
       </Button>
     ),
-    [control, _, pending],
+    [control, _, pending, enableSquareButtons],
   )
 
   const saveButton = useCallback(
@@ -69,7 +72,7 @@
         size="small"
         color="primary"
         variant="ghost"
-        style={[a.rounded_full]}
+        style={enableSquareButtons ? [a.rounded_sm] : [a.rounded_full]}
         testID="cropImageSaveBtn">
         <ButtonText style={[a.text_md]}>
           <Trans>Save</Trans>
@@ -77,7 +80,7 @@
         {pending && <ButtonIcon icon={Loader} />}
       </Button>
     ),
-    [_, pending],
+    [_, pending, enableSquareButtons],
   )
 
   return (
diff --git a/src/view/com/composer/photos/Gallery.tsx b/src/view/com/composer/photos/Gallery.tsx
--- a/src/view/com/composer/photos/Gallery.tsx
+++ b/src/view/com/composer/photos/Gallery.tsx
@@ -18,6 +18,7 @@
 import {colors, s} from '#/lib/styles'
 import {isNative} from '#/platform/detection'
 import {type ComposerImage, cropImage} from '#/state/gallery'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {Text} from '#/view/com/util/text/Text'
 import {tokens, useTheme} from '#/alf'
 import * as Dialog from '#/components/Dialog'
@@ -144,6 +145,8 @@
   const altTextControl = Dialog.useDialogControl()
   const editControl = Dialog.useDialogControl()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const onImageEdit = () => {
     if (isNative) {
       cropImage(image).then(next => {
@@ -195,7 +198,11 @@
           accessibilityLabel={_(msg`Edit image`)}
           accessibilityHint=""
           onPress={onImageEdit}
-          style={styles.imageControl}>
+          style={
+            enableSquareButtons
+              ? styles.imageControlSquare
+              : styles.imageControl
+          }>
           <FontAwesomeIcon icon="pen" size={12} style={{color: colors.white}} />
         </TouchableOpacity>
         <TouchableOpacity
@@ -204,7 +211,11 @@
           accessibilityLabel={_(msg`Remove image`)}
           accessibilityHint=""
           onPress={onRemove}
-          style={styles.imageControl}>
+          style={
+            enableSquareButtons
+              ? styles.imageControlSquare
+              : styles.imageControl
+          }>
           <FontAwesomeIcon
             icon="xmark"
             size={16}
@@ -281,6 +292,14 @@
     width: 24,
     height: 24,
     borderRadius: tokens.borderRadius.md,
+    backgroundColor: 'rgba(0, 0, 0, 0.75)',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  imageControlSquare: {
+    width: 24,
+    height: 24,
+    borderRadius: tokens.borderRadius.sm,
     backgroundColor: 'rgba(0, 0, 0, 0.75)',
     alignItems: 'center',
     justifyContent: 'center',
diff --git a/src/view/com/composer/photos/OpenCameraBtn.tsx b/src/view/com/composer/photos/OpenCameraBtn.tsx
--- a/src/view/com/composer/photos/OpenCameraBtn.tsx
+++ b/src/view/com/composer/photos/OpenCameraBtn.tsx
@@ -9,6 +9,7 @@
 import {logger} from '#/logger'
 import {isMobileWeb, isNative} from '#/platform/detection'
 import {type ComposerImage, createComposerImage} from '#/state/gallery'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
 import {Camera_Stroke2_Corner0_Rounded as Camera} from '#/components/icons/Camera'
@@ -24,6 +25,8 @@
   const [mediaPermissionRes, requestMediaPermission] =
     MediaLibrary.usePermissions({granularPermissions: ['photo']})
   const t = useTheme()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const onPressTakePicture = useCallback(async () => {
     try {
@@ -71,7 +74,7 @@
       accessibilityHint={_(msg`Opens camera on device`)}
       style={a.p_sm}
       variant="ghost"
-      shape="round"
+      shape={enableSquareButtons ? 'square' : 'round'}
       color="primary"
       disabled={disabled}>
       <Camera size="lg" style={disabled && t.atoms.text_contrast_low} />
diff --git a/src/view/com/composer/photos/SelectGifBtn.tsx b/src/view/com/composer/photos/SelectGifBtn.tsx
--- a/src/view/com/composer/photos/SelectGifBtn.tsx
+++ b/src/view/com/composer/photos/SelectGifBtn.tsx
@@ -4,6 +4,7 @@
 import {useLingui} from '@lingui/react'
 
 import {logEvent} from '#/lib/statsig/statsig'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {type Gif} from '#/state/queries/tenor'
 import {atoms as a, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
@@ -21,6 +22,8 @@
   const ref = useRef<{open: () => void}>(null)
   const t = useTheme()
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   const onPressSelectGif = useCallback(async () => {
     logEvent('composer:gif:open', {})
     Keyboard.dismiss()
@@ -36,7 +39,7 @@
         accessibilityHint={_(msg`Opens GIF select dialog`)}
         style={a.p_sm}
         variant="ghost"
-        shape="round"
+        shape={enableSquareButtons ? 'square' : 'round'}
         color="primary"
         disabled={disabled}>
         <GifIcon size="lg" style={disabled && t.atoms.text_contrast_low} />
diff --git a/src/view/com/composer/select-language/PostLanguageSelectDialog.tsx b/src/view/com/composer/select-language/PostLanguageSelectDialog.tsx
--- a/src/view/com/composer/select-language/PostLanguageSelectDialog.tsx
+++ b/src/view/com/composer/select-language/PostLanguageSelectDialog.tsx
@@ -7,6 +7,7 @@
 import {languageName} from '#/locale/helpers'
 import {type Language, LANGUAGES, LANGUAGES_MAP_CODE2} from '#/locale/languages'
 import {isNative, isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {
   toPostLanguages,
   useLanguagePrefs,
@@ -92,6 +93,8 @@
   const setLangPrefs = useLanguagePrefsApi()
   const t = useTheme()
   const {_} = useLingui()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const handleClose = () => {
     control.close(() => {
@@ -200,7 +203,7 @@
             variant="ghost"
             size="small"
             color="secondary"
-            shape="round"
+            shape={enableSquareButtons ? 'square' : 'round'}
             label={_(msg`Close dialog`)}
             onPress={handleClose}>
             <ButtonIcon icon={XIcon} />
diff --git a/src/view/com/composer/videos/SubtitleDialog.tsx b/src/view/com/composer/videos/SubtitleDialog.tsx
--- a/src/view/com/composer/videos/SubtitleDialog.tsx
+++ b/src/view/com/composer/videos/SubtitleDialog.tsx
@@ -8,6 +8,7 @@
 import {LANGUAGES} from '#/locale/languages'
 import {isWeb} from '#/platform/detection'
 import {useLanguagePrefs} from '#/state/preferences'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme, web} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -212,6 +213,8 @@
     [setCaptions, language],
   )
 
+  const enableSquareButtons = useEnableSquareButtons()
+
   return (
     <View
       style={[
@@ -260,7 +263,7 @@
       <Button
         label={_(msg`Remove subtitle file`)}
         size="tiny"
-        shape="round"
+        shape={enableSquareButtons ? 'square' : 'round'}
         variant="outline"
         color="secondary"
         onPress={() =>
diff --git a/src/view/com/util/error/ErrorScreen.tsx b/src/view/com/util/error/ErrorScreen.tsx
--- a/src/view/com/util/error/ErrorScreen.tsx
+++ b/src/view/com/util/error/ErrorScreen.tsx
@@ -7,6 +7,7 @@
 import {useLingui} from '@lingui/react'
 
 import {usePalette} from '#/lib/hooks/usePalette'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import {ArrowRotateCounterClockwise_Stroke2_Corner0_Rounded as ArrowRotateCounterClockwiseIcon} from '#/components/icons/ArrowRotateCounterClockwise'
@@ -31,6 +32,7 @@
   const t = useTheme()
   const pal = usePalette('default')
   const {_} = useLingui()
+  const enableSquareButtons = useEnableSquareButtons()
 
   return (
     <Layout.Center testID={testID}>
@@ -49,7 +51,7 @@
         <View style={[a.mb_md, a.align_center]}>
           <View
             style={[
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               {width: 50, height: 50},
               a.align_center,
               a.justify_center,
diff --git a/src/view/com/util/fab/FABInner.tsx b/src/view/com/util/fab/FABInner.tsx
--- a/src/view/com/util/fab/FABInner.tsx
+++ b/src/view/com/util/fab/FABInner.tsx
@@ -16,6 +16,7 @@
 import {clamp} from '#/lib/numbers'
 import {gradients} from '#/lib/styles'
 import {isWeb} from '#/platform/detection'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {ios} from '#/alf'
 import {atoms as a} from '#/alf'
 
@@ -30,6 +31,8 @@
   const {isMobile, isTablet} = useWebMediaQueries()
   const playHaptic = useHaptics()
   const fabMinimalShellTransform = useMinimalShellFabTransform()
+
+  const enableSquareButtons = useEnableSquareButtons()
 
   const size = isTablet ? styles.sizeLarge : styles.sizeRegular
 
@@ -57,7 +60,7 @@
           playHaptic('Heavy')
         })}
         targetScale={0.9}
-        style={[a.rounded_full, style]}
+        style={[enableSquareButtons ? a.rounded_sm : a.rounded_full, style]}
         {...props}>
         <LinearGradient
           colors={[gradients.blueLight.start, gradients.blueLight.end]}
diff --git a/src/view/com/util/load-latest/LoadLatestBtn.tsx b/src/view/com/util/load-latest/LoadLatestBtn.tsx
--- a/src/view/com/util/load-latest/LoadLatestBtn.tsx
+++ b/src/view/com/util/load-latest/LoadLatestBtn.tsx
@@ -9,6 +9,7 @@
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {clamp} from '#/lib/numbers'
 import {useGate} from '#/lib/statsig/statsig'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {useSession} from '#/state/session'
 import {atoms as a, useLayoutBreakpoints, useTheme, web} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
@@ -31,6 +32,7 @@
   const fabMinimalShellTransform = useMinimalShellFabTransform()
   const insets = useSafeAreaInsets()
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   const {
     state: hovered,
     onIn: onHoverIn,
@@ -77,7 +79,7 @@
             width: 42,
             height: 42,
           },
-          a.rounded_full,
+          enableSquareButtons ? a.rounded_sm : a.rounded_full,
           a.align_center,
           a.justify_center,
           a.border,
@@ -91,7 +93,10 @@
         targetScale={0.9}
         onPointerEnter={onHoverIn}
         onPointerLeave={onHoverOut}>
-        <SubtleHover hover={hovered} style={[a.rounded_full]} />
+        <SubtleHover
+          hover={hovered}
+          style={[enableSquareButtons ? a.rounded_sm : a.rounded_full]}
+        />
         <ArrowIcon
           size="md"
           style={[
diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx
--- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx
+++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoEmbedInnerNative.tsx
@@ -7,6 +7,7 @@
 
 import {HITSLOP_30} from '#/lib/constants'
 import {useAutoplayDisabled} from '#/state/preferences'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme} from '#/alf'
 import {useIsWithinMessage} from '#/components/dms/MessageContext'
 import {Mute_Stroke2_Corner0_Rounded as MuteIcon} from '#/components/icons/Mute'
@@ -177,11 +178,12 @@
   accessibilityHint: string
   style?: StyleProp<ViewStyle>
 }) {
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <View
       style={[
         a.absolute,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         a.justify_center,
         {
           backgroundColor: 'rgba(0, 0, 0, 0.5)',
diff --git a/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx b/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx
--- a/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx
+++ b/src/view/com/lightbox/ImageViewing/components/ImageDefaultHeader.tsx
@@ -12,6 +12,7 @@
 import {useLingui} from '@lingui/react'
 
 import {createHitslop} from '#/lib/constants'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 
 type Props = {
   onRequestClose: () => void
@@ -21,10 +22,14 @@
 
 const ImageDefaultHeader = ({onRequestClose}: Props) => {
   const {_} = useLingui()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <SafeAreaView style={styles.root}>
       <TouchableOpacity
-        style={[styles.closeButton, styles.blurredBackground]}
+        style={[
+          enableSquareButtons ? styles.closeButtonSquare : styles.closeButton,
+          styles.blurredBackground,
+        ]}
         onPress={onRequestClose}
         hitSlop={HIT_SLOP}
         accessibilityRole="button"
@@ -50,6 +55,16 @@
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: 22,
+    backgroundColor: '#00000077',
+  },
+  closeButtonSquare: {
+    marginRight: 10,
+    marginTop: 10,
+    width: 44,
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 11,
     backgroundColor: '#00000077',
   },
   blurredBackground: {
diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/ControlButton.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/ControlButton.tsx
--- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/ControlButton.tsx
+++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/ControlButton.tsx
@@ -1,5 +1,6 @@
 import {type SvgProps} from 'react-native-svg'
 
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {PressableWithHover} from '#/view/com/util/PressableWithHover'
 import {atoms as a, useTheme, web} from '#/alf'
 
@@ -19,6 +20,7 @@
   onPress: () => void
 }) {
   const t = useTheme()
+  const enableSquareButtons = useEnableSquareButtons()
   return (
     <PressableWithHover
       accessibilityRole="button"
@@ -27,7 +29,7 @@
       onPress={onPress}
       style={[
         a.p_xs,
-        a.rounded_full,
+        enableSquareButtons ? a.rounded_sm : a.rounded_full,
         web({transition: 'background-color 0.1s'}),
       ]}
       hoverStyle={{backgroundColor: 'rgba(255, 255, 255, 0.2)'}}>
diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx
--- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx
+++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx
@@ -5,6 +5,7 @@
 
 import {isFirefox, isTouchDevice} from '#/lib/browser'
 import {clamp} from '#/lib/numbers'
+import {useEnableSquareButtons} from '#/state/preferences/enable-square-buttons'
 import {atoms as a, useTheme, web} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {formatTime} from './utils'
@@ -33,6 +34,7 @@
   const {_} = useLingui()
   const t = useTheme()
   const [scrubberActive, setScrubberActive] = useState(false)
+  const enableSquareButtons = useEnableSquareButtons()
   const {
     state: hovered,
     onIn: onStartHover,
@@ -174,7 +176,7 @@
         <View
           style={[
             a.w_full,
-            a.rounded_full,
+            enableSquareButtons ? a.rounded_sm : a.rounded_full,
             a.overflow_hidden,
             {backgroundColor: 'rgba(255, 255, 255, 0.4)'},
             {height: hovered || scrubberActive ? 6 : 3},
@@ -217,7 +219,7 @@
             style={[
               a.w_full,
               a.h_full,
-              a.rounded_full,
+              enableSquareButtons ? a.rounded_sm : a.rounded_full,
               {backgroundColor: t.palette.white},
               {
                 transform: [