u

src/components/article/boxes/TierPricePills.jsx

@@ -2,6 +2,9 @@ import { Component } from 'react';
 import Box from '@mui/material/Box';
 import Chip from '@mui/material/Chip';
 import { formatPrice, parsePriceInput } from '../../../utils/price';
+import {
+  TINT_PILL,
+} from '../../../colors';
 
 const tierPillSx = {
   height: 22,
@@ -24,7 +27,7 @@ export default class TierPricePills extends Component {
               label={`ab ${tier.minmultiplier} · ${formatPrice(gross)}`}
               sx={{
                 ...tierPillSx,
-                bgcolor: 'rgba(0, 0, 0, 0.08)',
+                bgcolor: TINT_PILL,
               }}
             />
           );