diff --git a/src/app.css b/src/app.css
index 6f5f4943..4a11bd1d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -364,7 +364,7 @@ a.mention span {
   background-color: var(--link-bg-hover-color);
   outline-offset: -2px;
 }
-.status-link:active {
+.status-link:active:not(:has(.media:active)) {
   filter: brightness(0.95);
 }
 
diff --git a/src/components/status.css b/src/components/status.css
index ec05dd52..81f0d3c4 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -361,6 +361,9 @@
 .status .media:is(:hover, :focus) {
   border-color: var(--outline-hover-color);
 }
+.status .media:active {
+  filter: brightness(0.8);
+}
 .status .media :is(img, video) {
   width: 100%;
   height: 100%;