From 68223f4b1e98b01825516dcba39cbb2d3df31a70 Mon Sep 17 00:00:00 2001
From: Brandon Cohen <cohbrandon@gmail.com>
Date: Thu, 29 Dec 2022 21:36:47 -0500
Subject: [PATCH] fix: add bg-opacity to in-progress status badges (#3190)

---
 src/components/StatusBadge/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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
     `}