diff --git a/packages/pl-fe/src/modals/media-modal.tsx b/packages/pl-fe/src/modals/media-modal.tsx
index c6f336129..994b7ddd6 100644
--- a/packages/pl-fe/src/modals/media-modal.tsx
+++ b/packages/pl-fe/src/modals/media-modal.tsx
@@ -223,7 +223,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
         <Stack
           onClick={handleClickOutside}
           className={
-            clsx('fixed inset-0 h-full grow transition-all', {
+            clsx('⁂-media-modal__content fixed inset-0 h-full grow transition-all', {
               'xl:pr-96': !isFullScreen,
               'xl:pr-0': isFullScreen,
             })
diff --git a/packages/pl-fe/src/styles/new/statuses.scss b/packages/pl-fe/src/styles/new/statuses.scss
index b3c38c068..05c7d9b85 100644
--- a/packages/pl-fe/src/styles/new/statuses.scss
+++ b/packages/pl-fe/src/styles/new/statuses.scss
@@ -214,12 +214,14 @@
   }
 }
 
-.⁂-media-modal {
-  .⁂-status-action-bar__button {
-    @apply text-white/80 hover:text-white bg-transparent dark:bg-transparent;
+.⁂-media-modal__content {
+  .⁂-status-action-bar {
+    .⁂-status-action-bar__button, .⁂-icon-button {
+      @apply text-white/80 hover:text-white bg-transparent dark:bg-transparent;
 
-    &--active.⁂-status-action-bar__button--reblog {
-      @apply text-success-600 dark:text-success-400 hover:text-success-600 dark:hover:text-success-400;
+      &--active.⁂-status-action-bar__button--reblog {
+        @apply text-success-600 dark:text-success-400 hover:text-success-600 dark:hover:text-success-400;
+      }
     }
   }
 }
\ No newline at end of file