diff --git a/src/components/StatusBadge/index.tsx b/src/components/StatusBadge/index.tsx
index b301b11f..3dbe6e74 100644
--- a/src/components/StatusBadge/index.tsx
+++ b/src/components/StatusBadge/index.tsx
@@ -116,7 +116,7 @@ const StatusBadge = ({
   const badgeDownloadProgress = (
     <div
       className={`
-      absolute top-0 left-0 z-10 flex h-full ${
+      absolute top-0 left-0 z-10 flex h-full bg-opacity-80 ${
         status === MediaStatus.PROCESSING ? 'bg-indigo-500' : 'bg-green-500'
       } transition-all duration-200 ease-in-out
     `}