diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ViewRangeVisualizer.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ViewRangeVisualizer.tsx index d88d3dcc1..d0288f2ea 100644 --- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ViewRangeVisualizer.tsx +++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ViewRangeVisualizer.tsx @@ -31,7 +31,7 @@ export function ViewRangeVisualizer({ stats }: VisualizerProps) { const range = useRef(null); return ( - + { @@ -82,18 +82,21 @@ export function ViewRangeVisualizer({ stats }: VisualizerProps) { top="0" left="0" width="100%" - p="2" + py="2" + px="3" gap="3" align="center" style={{ - background: `linear-gradient(${Var('black-a9')}, ${Var('black-a4')})`, + backgroundColor: Var('black-a8'), + backdropFilter: 'blur(4rem)', }} > - + {strings.website.tools.tankopedia.visualizers.view_range.camo} setCamouflage(value)} /> - - + + {literals( strings.website.tools.tankopedia.visualizers.view_range .percentage,