diff --git a/web/src/components/VideoGrid.tsx b/web/src/components/VideoGrid.tsx
index ac038ee..2304a18 100644
--- a/web/src/components/VideoGrid.tsx
+++ b/web/src/components/VideoGrid.tsx
@@ -30,16 +30,20 @@ function VideoTile({ participant, isLocal, room }: { participant: Participant; i
 
     attachTrack();
 
-    // Listen for track publications changing on this participant via room events
-    const handlePublished = (pub: TrackPublication) => {
-      pub.track?.attach(el);
-      el.play().catch(() => {});
+    // Listen for track subscriptions
+    const handleSubscribed = (track: Track, publication: TrackPublication, trackParticipant: Participant) => {
+      if (trackParticipant.identity === participant.identity && publication.source === Track.Source.Camera) {
+        track.attach(el);
+        el.muted = isLocal;
+        el.play().catch(() => {});
+      }
     };
-    room.on('trackPublished' as any, handlePublished);
+
+    room.on('trackSubscribed' as any, handleSubscribed);
 
     return () => {
       detachTrack();
-      room.off('trackPublished' as any, handlePublished);
+      room.off('trackSubscribed' as any, handleSubscribed);
     };
   }, [participant, isLocal, room]);