diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 5828c42..4e69b37 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -1939,6 +1939,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
         outline: 6px solid var(--color-content-bg-focus);
     }
+    .app-body .status__wrapper:has(.status__content:hover) .status__content__spoiler-link span {
+        background-color: var(--color-content-bg-focus);
+        outline-color: var(--color-content-bg-focus);
+    }
 }
 .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
     outline: 6px solid var(--color-content-bg-focus);
@@ -2367,7 +2371,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     transition:
         border-color .3s,
         outline-color .3s,
-        transform .3s;
+        transform .3s,
+        background-color .3s;
 }
 .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
     border-color: rgba(68, 74, 90, .6);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 6e72855..3cac5d2 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1939,6 +1939,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
         outline: 6px solid var(--color-content-bg-focus);
     }
+    .app-body .status__wrapper:has(.status__content:hover) .status__content__spoiler-link span {
+        background-color: var(--color-content-bg-focus);
+        outline-color: var(--color-content-bg-focus);
+    }
 }
 .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
     outline: 6px solid var(--color-content-bg-focus);
@@ -2367,7 +2371,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     transition:
         border-color .3s,
         outline-color .3s,
-        transform .3s;
+        transform .3s,
+        background-color .3s;
 }
 .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
     border-color: rgba(68, 74, 90, .6);
diff --git a/TangerineUI.css b/TangerineUI.css
index f14a286..cd7a1e7 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1940,6 +1940,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
         outline: 6px solid var(--color-content-bg-focus);
     }
+    .app-body .status__wrapper:has(.status__content:hover) .status__content__spoiler-link span {
+        background-color: var(--color-content-bg-focus);
+        outline-color: var(--color-content-bg-focus);
+    }
 }
 .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
     outline: 6px solid var(--color-content-bg-focus);
@@ -2368,7 +2372,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     transition:
         border-color .3s,
         outline-color .3s,
-        transform .3s;
+        transform .3s,
+        background-color .3s;
 }
 .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
     border-color: rgba(68, 74, 90, .6);