diff --git a/src/@types/global.d.ts b/src/@types/global.d.ts
index a2bd3d705..1cae246a4 100644
--- a/src/@types/global.d.ts
+++ b/src/@types/global.d.ts
@@ -62,6 +62,7 @@ type AllEmojis = Record<string, Emoji | EmojiWithSkins>;
 
 // Declare supported for import formats as modules
 declare module '*.png';
+declare module '*.jpg';
 declare module '*.svg';
 declare module '*.tgs';
 declare module '*.wasm';
diff --git a/src/assets/wave_ripple.jpg b/src/assets/wave_ripple.jpg
new file mode 100644
index 000000000..34b3d4e21
Binary files /dev/null and b/src/assets/wave_ripple.jpg differ
diff --git a/src/assets/wave_ripple.png b/src/assets/wave_ripple.png
deleted file mode 100644
index b0f4b6cc6..000000000
Binary files a/src/assets/wave_ripple.png and /dev/null differ
diff --git a/src/components/main/visualEffects/WaveContainer.tsx b/src/components/main/visualEffects/WaveContainer.tsx
index ba1356d60..d9d85a6f7 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.png';
+import waveRipple from '../../../assets/wave_ripple.jpg';
 
 type StateProps = {
   waveInfo?: TabState['wave'];