diff --git a/website/src/components/broadcast/roots/IngameCommsOverlay.vue b/website/src/components/broadcast/roots/IngameCommsOverlay.vue
index 31f3ca98..456b945a 100644
--- a/website/src/components/broadcast/roots/IngameCommsOverlay.vue
+++ b/website/src/components/broadcast/roots/IngameCommsOverlay.vue
@@ -3,12 +3,12 @@
         <div class="teams" :class="{'flip': match.flip_teams}" :style="{ marginTop: topOffset }">
             <div class="team" v-for="(team, i) in match.teams" :key="team.id" :style="{ width: teamWidth }" :class="{'left': match.flip_teams ? i === 1 : i === 0}">
                 <ThemeTransition class="listen-in-holder" :duration="250" :theme="team.theme" use-fit-content
-                                 :active="activeTeamIndex === i"
+                                 :active="(activeTeamIndex - 1) === i"
                                  :start="match.flip_teams ? i === 1 : i === 0 ? 'left' : 'right'"
                                  :end="match.flip_teams ? i === 1 : i === 0 ? 'right' : 'left'">
                     <ListenInBug :text="listenInText" :team="team" />
                 </ThemeTransition>
-                <TeamAudio :always-unmuted="forceTeam && activeTeamIndex === i" :team="team" :broadcast="broadcast" :task-key="`team${i+1}`" :ref="`team${i+1}`" :buffer="buffer" />
+                <TeamAudio :always-unmuted="forceTeam && (activeTeamIndex - 1) === i" :team="team" :broadcast="broadcast" :task-key="`team${i+1}`" :ref="`team${i+1}`" :buffer="buffer" />
             </div>
         </div>
     </div>
@@ -38,7 +38,7 @@ export default {
         },
         activeTeam() {
             if (!this.match?.teams?.length || this.activeTeamIndex === null) return;
-            return this.match.teams[this.activeTeamIndex];
+            return this.match.teams[this.activeTeamIndex - 1];
         },
         teamWidth() {
             return `${this.broadcast?.ingame_team_width || 690}px`;
@@ -55,7 +55,7 @@ export default {
             return !!this.forceTeam;
         },
         activeTeamIndex() {
-            return this.forceTeam || (this.socketActiveTeamIndex - 1);
+            return this.forceTeam || this.socketActiveTeamIndex;
         }
     },
     sockets: {
@@ -65,7 +65,7 @@ export default {
             const teamRef = `team${team}`;
             this.$refs[teamRef]?.[0]?.enable();
 
-            this.socketActiveTeamIndex = team - 1;
+            this.socketActiveTeamIndex = team;
 
             const otherTeamRef = `team${(+!(team - 1)) + 1}`;
             this.$refs[otherTeamRef]?.[0]?.disable();