diff --git a/src/assets/wave_ripple.png b/src/assets/wave_ripple.png
new file mode 100644
index 000000000..b0f4b6cc6
Binary files /dev/null and b/src/assets/wave_ripple.png differ
diff --git a/src/components/main/visualEffects/WaveContainer.tsx b/src/components/main/visualEffects/WaveContainer.tsx
index 3c62ac6ee..ba1356d60 100644
--- a/src/components/main/visualEffects/WaveContainer.tsx
+++ b/src/components/main/visualEffects/WaveContainer.tsx
@@ -16,7 +16,7 @@ import useLastCallback from '../../../hooks/useLastCallback';
 
 import styles from './WaveContainer.module.scss';
 
-import waveRipple from '../../../assets/wave_ripple.svg';
+import waveRipple from '../../../assets/wave_ripple.png';
 
 type StateProps = {
   waveInfo?: TabState['wave'];