From 9f3e72f1ccb64cc6c9a454d9835fa26072b625bf Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Fri, 27 Mar 2026 11:12:41 +0100
Subject: [PATCH] [Glitch] Fix styling regressions: familiar followers layout &
 alert action hover color

Port e26c6fa2560b3a7a1b6d3032544fc30a0e587aa3 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../flavours/glitch/components/edited_timestamp/index.tsx | 1 +
 .../account_timeline/components/familiar_followers.tsx    | 4 +++-
 .../flavours/glitch/styles/mastodon/components.scss       | 8 ++++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/javascript/flavours/glitch/components/edited_timestamp/index.tsx b/app/javascript/flavours/glitch/components/edited_timestamp/index.tsx
index 2cf1325c1c..8e3a54a241 100644
--- a/app/javascript/flavours/glitch/components/edited_timestamp/index.tsx
+++ b/app/javascript/flavours/glitch/components/edited_timestamp/index.tsx
@@ -121,6 +121,7 @@ export const EditedTimestamp: React.FC<{
               />
             ),
           }}
+          tagName='span'
         />
       </button>
     </Dropdown>
diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/familiar_followers.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/familiar_followers.tsx
index dabf881f9c..90f80f7282 100644
--- a/app/javascript/flavours/glitch/features/account_timeline/components/familiar_followers.tsx
+++ b/app/javascript/flavours/glitch/features/account_timeline/components/familiar_followers.tsx
@@ -69,7 +69,9 @@ export const FamiliarFollowers: React.FC<{ accountId: string }> = ({
           <Avatar withLink key={account.id} account={account} size={28} />
         ))}
       </AvatarGroup>
-      <FamiliarFollowersReadout familiarFollowers={familiarFollowers} />
+      <span>
+        <FamiliarFollowersReadout familiarFollowers={familiarFollowers} />
+      </span>
     </div>
   );
 };
diff --git a/app/javascript/flavours/glitch/styles/mastodon/components.scss b/app/javascript/flavours/glitch/styles/mastodon/components.scss
index a876834151..0d93f7eb27 100644
--- a/app/javascript/flavours/glitch/styles/mastodon/components.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon/components.scss
@@ -10742,9 +10742,13 @@ noscript {
   padding: 0 4px;
 
   &:hover,
-  &:focus,
   &:active {
-    background: var(--color-bg-brand-softest);
+    background: rgb(from var(--color-text-inverted) r g b / 10%);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--color-text-brand-on-inverted);
+    outline-offset: 2px;
   }
 }