diff --git a/libs/shared/lib/components/pills/Pill.tsx b/libs/shared/lib/components/pills/Pill.tsx
index b107d1d88062ddbacf58b7ca2ac36cdc839a38c2..a479ef713d6e2e8282d2671b432397e356139429 100644
--- a/libs/shared/lib/components/pills/Pill.tsx
+++ b/libs/shared/lib/components/pills/Pill.tsx
@@ -101,7 +101,7 @@ export const Pill = React.memo((props: PillI) => {
             ></div>
           )}
           <div
-            className={'font-semibold bg-neutral-100 ' + (corner !== 'square' ? 'rounded-b-[3px]' : '')}
+            className={'font-semibold ' + (corner !== 'square' ? 'rounded-b-[3px]' : '')}
             onMouseEnter={onMouseEnter}
             onMouseLeave={onMouseLeave}
           >