diff --git a/src/components/status.css b/src/components/status.css
index e3a28509..2a563421 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1027,6 +1027,22 @@ body:has(#modal-container .carousel) .status .media img:hover {
       font-variant-numeric: tabular-nums;
     }
   }
+
+  /* Only 4, for now. Would be better if this is a for loop */
+  &:has(.media[data-has-alt]:nth-child(1):is(:hover, :focus))
+    figcaption
+    > div[data-caption-index='1'],
+  &:has(.media[data-has-alt]:nth-child(2):is(:hover, :focus))
+    figcaption
+    > div[data-caption-index='2'],
+  &:has(.media[data-has-alt]:nth-child(3):is(:hover, :focus))
+    figcaption
+    > div[data-caption-index='3'],
+  &:has(.media[data-has-alt]:nth-child(4):is(:hover, :focus))
+    figcaption
+    > div[data-caption-index='4'] {
+    color: var(--text-color);
+  }
 }
 
 .carousel-item {
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 14f76401..a2f57adf 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -1283,6 +1283,7 @@ function Status({
                     !!media.description && (
                       <div
                         key={media.id}
+                        data-caption-index={i + 1}
                         onClick={(e) => {
                           e.preventDefault();
                           e.stopPropagation();