diff --git a/components/views/media/user/User.html b/components/views/media/user/User.html
index 4b536a2371..4db71676db 100644
--- a/components/views/media/user/User.html
+++ b/components/views/media/user/User.html
@@ -31,14 +31,20 @@
       :size="$device.isMobile ? 36 : 65"
       :class="{calling: audioStream}"
       :source="src"
+      color="transparent"
     />
     <TypographyTag :text="user.name" inverted />
   </div>
-    <div
-      v-if="!isLocal && !audio.deafened && audioStream"
-      class="audio-stream-container"
-    >
-      <audio :id="`audio-stream-${audioStream.id}`" :class="`${isLocal ? 'local' : 'remote'}-audio-stream`" :src-object.prop="audioStream" autoplay />
-    </div>
+
+  <div
+    v-if="!isLocal && !audio.deafened && audioStream"
+    class="audio-stream-container"
+  >
+    <audio
+      :id="`audio-stream-${audioStream.id}`"
+      :class="`${isLocal ? 'local' : 'remote'}-audio-stream`"
+      :src-object.prop="audioStream"
+      autoplay
+    />
   </div>
 </div>