diff --git a/src/assets/hud/avatar.jpg b/src/assets/hud/avatar.jpg
new file mode 100755
index 0000000000000000000000000000000000000000..af8093c601f6dcbc74b431ff7f7aca414cf4dc01
Binary files /dev/null and b/src/assets/hud/avatar.jpg differ
diff --git a/src/assets/hud/avatar.png b/src/assets/hud/avatar.png
deleted file mode 100755
index ea60bb4dd0921c4c4c0533ea406d66f53e3aadb0..0000000000000000000000000000000000000000
Binary files a/src/assets/hud/avatar.png and /dev/null differ
diff --git a/src/components/2d-hud.js b/src/components/2d-hud.js
index 41bb7959f4db62fd933bc6cabe6ad2008e83d798..727be21bcf17e7a92c1b2b09ebdddc92e3945216 100644
--- a/src/components/2d-hud.js
+++ b/src/components/2d-hud.js
@@ -1,5 +1,5 @@
 import styles from "./2d-hud.css";
-import avatarImg from "../assets/hud/avatar.png";
+import avatarImg from "../assets/hud/avatar.jpg";
 
 AFRAME.registerComponent("2d-hud", {
   schema: {
diff --git a/src/room.html b/src/room.html
index adcc70143b1f3aef0c7d4faab0aae606e55ba0e1..b02a624028c3a94aae9211c29d5127b8c7c5be37 100644
--- a/src/room.html
+++ b/src/room.html
@@ -33,7 +33,7 @@
             <a-asset-item id="bot-skinned-mesh" response-type="arraybuffer" src="./assets/avatars/Bot_SkinnedWithAnim.glb"></a-asset-item>
             <img id="unmuted"  src="./assets/hud/unmuted.png" >
             <img id="muted"  src="./assets/hud/muted.png" >
-            <img id="avatar"  src="./assets/hud/avatar.png" >
+            <img id="avatar"  src="./assets/hud/avatar.jpg" >
             <a-asset-item id="watch-model" response-type="arraybuffer" src="./assets/hud/watch.glb"></a-asset-item>
 
             <a-asset-item id="meeting-space1-mesh" response-type="arraybuffer" src="./assets/environments/MeetingSpace1_mesh.glb"></a-asset-item>