diff --git a/src/components/overlay/PracticeOverlay.tsx b/src/components/overlay/PracticeOverlay.tsx
index 110f653..95740e6 100644
--- a/src/components/overlay/PracticeOverlay.tsx
+++ b/src/components/overlay/PracticeOverlay.tsx
@@ -403,12 +403,12 @@ const TagSelectorItemWrapper = styled.div<{ active: boolean }>`
   display: flex;
   justify-content: space-between;
   padding: 4px 6px;
-  background-color: ${({ active }) => (active ? '#e8edf4' : 'white')};
+  background-color: ${({ active }) => (active ? 'rgba(0, 0, 0, 0.05)' : 'transparent')};
   user-select: none;
 
   &:hover {
     cursor: pointer;
-    background-color: ${({ active }) => (active ? '#e8edf4' : '#f6f9fd')};
+    background-color: ${({ active }) => (active ? 'rgba(0, 0, 0, 0.05)' : 'rgba(0, 0, 0, 0.03)')};
   }
 `;