diff --git a/src/renderer/features/player/components/center-controls.tsx b/src/renderer/features/player/components/center-controls.tsx
index 15661744a..fc25639e8 100644
--- a/src/renderer/features/player/components/center-controls.tsx
+++ b/src/renderer/features/player/components/center-controls.tsx
@@ -135,7 +135,7 @@ const ShuffleButton = ({ disabled }: { disabled?: boolean }) => {
             disabled={disabled}
             icon={
                 <Icon
-                    fill={shuffle === PlayerShuffle.NONE ? 'default' : 'primary'}
+                    color={shuffle === PlayerShuffle.NONE ? 'default' : 'primary'}
                     icon="mediaShuffle"
                     size={buttonSize}
                 />