diff --git a/src/components/organisms/BossTable.tsx b/src/components/organisms/BossTable.tsx
index f7d15c86..a9bc5c00 100644
--- a/src/components/organisms/BossTable.tsx
+++ b/src/components/organisms/BossTable.tsx
@@ -128,7 +128,7 @@ const BossCard = ({
 }) => {
   return (
     <Box
-      sx={{ position: 'relative', '&.active': { bg: 'primary' } }}
+      sx={{ position: 'relative', '&.active': { bg: 'transparentPrimary' } }}
       className={active ? 'active' : ''}
     >
       {label != null && (
diff --git a/src/lib/theme.ts b/src/lib/theme.ts
index 0167884e..e503789c 100644
--- a/src/lib/theme.ts
+++ b/src/lib/theme.ts
@@ -14,6 +14,7 @@ export const theme: Theme = {
     text: '#212529',
     background: '#fff',
     primary: '#007bff',
+    transparentPrimary: '#007bff99',
     secondary: '#6c757d',
     muted: colors.gray[5],
     success: '#28a745',