u

src/components/brand/BrandThumb.jsx

@@ -1,6 +1,10 @@
 import Box from '@mui/material/Box';
 import ThumbHashImage, { getThumbHashDimensions } from '../article/ThumbHashImage';
 import brandAutomat from '../../automats/brandAutomat';
+import {
+  SHADOW_THUMB_RING,
+  TINT_ROW_HOVER,
+} from '../../colors';
 
 /**
  * Extracts thumbHash from various brand representations:
@@ -97,8 +101,8 @@ export default function BrandThumb({
         overflow: 'hidden',
         flexShrink: 0,
         verticalAlign: 'middle',
-        bgcolor: 'rgba(0, 0, 0, 0.05)',
-        boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.12)',
+        bgcolor: TINT_ROW_HOVER,
+        boxShadow: SHADOW_THUMB_RING,
         ...sx,
       }}
     >