diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index 39d6628..f81f7a3 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -1294,8 +1294,8 @@ body.app-body  {
     margin-bottom: -10px;
     z-index: 2;
     border-radius: 50%;
-    box-shadow: 0 0 0 6px var(--color-content-bg);
-    transition: box-shadow .3s;
+    outline: 6px solid var(--color-content-bg);
+    transition: outline .3s;
 }
 .app-body .reply-indicator__content,
 .app-body .status__content {
@@ -1443,11 +1443,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background: var(--color-content-bg-focus);
     }
     .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
-        box-shadow: 0 0 0 6px var(--color-content-bg-focus);
+        outline: 6px solid var(--color-content-bg-focus);
     }
 }
 .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
-    box-shadow: 0 0 0 6px var(--color-content-bg-focus);
+    outline: 6px solid var(--color-content-bg-focus);
 }
 
 /* 👁️ Post detailed view */
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index cf7f1ad..0ae6dfe 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -1293,8 +1293,8 @@ body.app-body  {
     margin-bottom: -10px;
     z-index: 2;
     border-radius: 50%;
-    box-shadow: 0 0 0 6px var(--color-content-bg);
-    transition: box-shadow .3s;
+    outline: 6px solid var(--color-content-bg);
+    transition: outline .3s;
 }
 .app-body .reply-indicator__content,
 .app-body .status__content {
@@ -1442,11 +1442,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background: var(--color-content-bg-focus);
     }
     .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
-        box-shadow: 0 0 0 6px var(--color-content-bg-focus);
+        outline: 6px solid var(--color-content-bg-focus);
     }
 }
 .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
-    box-shadow: 0 0 0 6px var(--color-content-bg-focus);
+    outline: 6px solid var(--color-content-bg-focus);
 }
 
 /* 👁️ Post detailed view */
diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index ab118ac..428f5ed 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -1293,8 +1293,8 @@ body.app-body  {
     margin-bottom: -10px;
     z-index: 2;
     border-radius: 50%;
-    box-shadow: 0 0 0 6px var(--color-content-bg);
-    transition: box-shadow .3s;
+    outline: 6px solid var(--color-content-bg);
+    transition: outline .3s;
 }
 .app-body .reply-indicator__content,
 .app-body .status__content {
@@ -1442,11 +1442,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background: var(--color-content-bg-focus);
     }
     .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
-        box-shadow: 0 0 0 6px var(--color-content-bg-focus);
+        outline: 6px solid var(--color-content-bg-focus);
     }
 }
 .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
-    box-shadow: 0 0 0 6px var(--color-content-bg-focus);
+    outline: 6px solid var(--color-content-bg-focus);
 }
 
 /* 👁️ Post detailed view */