From da88862c76003420647304b02760d82b57454a3f Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 5 Jun 2025 10:40:25 -0500
Subject: [PATCH] Align interaction states of read more

---
 .../PostThread/components/ThreadItemReadMore.tsx     | 12 ++++++++++--
 .../PostThread/components/ThreadItemReadMoreUp.tsx   | 11 +++++------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/screens/PostThread/components/ThreadItemReadMore.tsx b/src/screens/PostThread/components/ThreadItemReadMore.tsx
index 1c510f15f7..c7ce852ef3 100644
--- a/src/screens/PostThread/components/ThreadItemReadMore.tsx
+++ b/src/screens/PostThread/components/ThreadItemReadMore.tsx
@@ -72,14 +72,22 @@ export const ThreadItemReadMore = memo(function ThreadItemReadMore({
         to={item.href}
         style={[a.pt_sm, a.pb_md, a.gap_xs]}>
         {({hovered, pressed}) => {
+          const interacted = hovered || pressed
           return (
             <>
-              <CirclePlus fill={t.atoms.text_contrast_high.color} width={18} />
+              <CirclePlus
+                fill={
+                  interacted
+                    ? t.atoms.text_contrast_high.color
+                    : t.atoms.text_contrast_low.color
+                }
+                width={18}
+              />
               <Text
                 style={[
                   a.text_sm,
                   t.atoms.text_contrast_medium,
-                  (hovered || pressed) && a.underline,
+                  interacted && a.underline,
                 ]}>
                 <Trans>
                   Read {item.moreReplies} more{' '}
diff --git a/src/screens/PostThread/components/ThreadItemReadMoreUp.tsx b/src/screens/PostThread/components/ThreadItemReadMoreUp.tsx
index eb8fcf2459..da18a19e90 100644
--- a/src/screens/PostThread/components/ThreadItemReadMoreUp.tsx
+++ b/src/screens/PostThread/components/ThreadItemReadMoreUp.tsx
@@ -46,13 +46,12 @@ export const ThreadItemReadMoreUp = memo(function ThreadItemReadMoreUp({
                   },
                 ]}>
                 <UpIcon
-                  fill="currentColor"
+                  fill={
+                    interacted
+                      ? t.atoms.text_contrast_high.color
+                      : t.atoms.text_contrast_low.color
+                  }
                   width={24}
-                  style={[
-                    t.atoms.text_contrast_low,
-                    a.transition_all,
-                    interacted && [t.atoms.text_contrast_high],
-                  ]}
                 />
               </View>
               <Text