diff --git a/src/components/status.css b/src/components/status.css
index 513397d1..99d91bbd 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -540,7 +540,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
   padding: 4px 8px;
   border: 1px solid var(--outline-color);
   box-shadow: 0 4px 16px var(--outline-color);
-  max-width: min(40em, calc(100% - 32px));
+  max-width: min(var(--main-width), calc(100% - 32px));
   display: flex;
   align-items: center;
   gap: 8px;