use mute icon for muting

guardian · Oct 25, 2024 · b01817f · b01817f
1 parent 58998f6
commit b01817f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/dotcom-rendering/src/components/AudioPlayer/components/Volume.tsx b/dotcom-rendering/src/components/AudioPlayer/components/Volume.tsx
@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { from, palette } from '@guardian/source/foundations';
-import { SvgAudio } from '@guardian/source/react-components';
+import { SvgAudio, SvgAudioMute } from '@guardian/source/react-components';
 import { buttonBaseCss } from '../styles';
 
 type ButtonProps = React.ComponentPropsWithoutRef<'button'>;
@@ -63,7 +63,7 @@ Volume.Mute = ({
 	...props
 }: { isMuted: boolean } & Omit<ButtonProps, 'children'>) => (
 	<Control aria-label="Mute" {...props}>
-		<SvgAudio
+		<SvgAudioMute
 			theme={{
 				fill: isMuted ? palette.brandAlt[400] : palette.neutral[46],
 			}}