diff --git a/components/publish/PublishAttachment.vue b/components/publish/PublishAttachment.vue
index edc3a30d..a187f49e 100644
--- a/components/publish/PublishAttachment.vue
+++ b/components/publish/PublishAttachment.vue
@@ -20,10 +20,13 @@ defineEmits<{
     <div absolute right-2 top-2>
       <div
         v-if="removable"
-        hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer op-0 group-hover:op-100
+        aria-label="Remove attachment"
+        hover:bg="gray/40" transition-100 p-1 rounded-5 cursor-pointer
+        :class="[isSmallScreen ? '' : 'op-0 group-hover:op-100hover:']"
+        mix-blend-difference
         @click="$emit('remove')"
       >
-        <div i-ri:close-line text-3 />
+        <div i-ri:close-line text-3 :class="[isSmallScreen ? 'text-6' : 'text-3']" />
       </div>
     </div>
   </div>