diff --git a/res/css/voice-broadcast/atoms/_VoiceBroadcastHeader.pcss b/res/css/voice-broadcast/atoms/_VoiceBroadcastHeader.pcss
index b7d934a414..0e2395cacb 100644
--- a/res/css/voice-broadcast/atoms/_VoiceBroadcastHeader.pcss
+++ b/res/css/voice-broadcast/atoms/_VoiceBroadcastHeader.pcss
@@ -20,6 +20,11 @@ limitations under the License.
     width: 266px;
 }
 
+.mx_VoiceBroadcastHeader_content {
+    flex-grow: 1;
+    min-width: 0;
+}
+
 .mx_VoiceBroadcastHeader_room {
     font-size: $font-12px;
     font-weight: $font-semi-bold;
@@ -34,4 +39,14 @@ limitations under the License.
     font-size: $font-12px;
     display: flex;
     gap: $spacing-4;
+
+    i {
+        flex-shrink: 0;
+    }
+
+    span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
 }
diff --git a/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx b/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
index 4f91efc8d9..5abc4d21e4 100644
--- a/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
+++ b/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
@@ -47,7 +47,7 @@ export const VoiceBroadcastHeader: React.FC<VoiceBroadcastHeaderProps> = ({
             </div>
             <div className="mx_VoiceBroadcastHeader_line">
                 <Icon type={IconType.Microphone} colour={IconColour.CompoundSecondaryContent} />
-                { sender.name }
+                <span>{ sender.name }</span>
             </div>
             { broadcast }
         </div>
diff --git a/test/voice-broadcast/components/atoms/__snapshots__/VoiceBroadcastHeader-test.tsx.snap b/test/voice-broadcast/components/atoms/__snapshots__/VoiceBroadcastHeader-test.tsx.snap
index 601dfd8606..5d630882f1 100644
--- a/test/voice-broadcast/components/atoms/__snapshots__/VoiceBroadcastHeader-test.tsx.snap
+++ b/test/voice-broadcast/components/atoms/__snapshots__/VoiceBroadcastHeader-test.tsx.snap
@@ -28,7 +28,9 @@ exports[`VoiceBroadcastHeader when rendering a live broadcast header with broadc
           role="presentation"
           style="mask-image: url(\\"image-file-stub\\");"
         />
-        test user
+        <span>
+          test user
+        </span>
       </div>
       <div
         class="mx_VoiceBroadcastHeader_line"
@@ -85,7 +87,9 @@ exports[`VoiceBroadcastHeader when rendering a non-live broadcast header should
           role="presentation"
           style="mask-image: url(\\"image-file-stub\\");"
         />
-        test user
+        <span>
+          test user
+        </span>
       </div>
     </div>
   </div>
diff --git a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap
index beeb3f9ee3..e464035700 100644
--- a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap
+++ b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap
@@ -31,7 +31,9 @@ exports[`VoiceBroadcastPlaybackBody when rendering a broadcast should render as
             role="presentation"
             style="mask-image: url(\\"image-file-stub\\");"
           />
-          @user:example.com
+          <span>
+            @user:example.com
+          </span>
         </div>
         <div
           class="mx_VoiceBroadcastHeader_line"
@@ -109,7 +111,9 @@ exports[`VoiceBroadcastPlaybackBody when rendering a buffering voice broadcast s
             role="presentation"
             style="mask-image: url(\\"image-file-stub\\");"
           />
-          @user:example.com
+          <span>
+            @user:example.com
+          </span>
         </div>
         <div
           class="mx_VoiceBroadcastHeader_line"
diff --git a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingBody-test.tsx.snap b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingBody-test.tsx.snap
index 1ed0f6d1a4..d9daf3b358 100644
--- a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingBody-test.tsx.snap
+++ b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingBody-test.tsx.snap
@@ -31,7 +31,9 @@ exports[`VoiceBroadcastRecordingBody when rendering a live broadcast should rend
             role="presentation"
             style="mask-image: url(\\"image-file-stub\\");"
           />
-          @user:example.com
+          <span>
+            @user:example.com
+          </span>
         </div>
       </div>
       <div
diff --git a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingPip-test.tsx.snap b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingPip-test.tsx.snap
index 7eec506e21..6b59a0dd42 100644
--- a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingPip-test.tsx.snap
+++ b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastRecordingPip-test.tsx.snap
@@ -31,7 +31,9 @@ exports[`VoiceBroadcastRecordingPip when rendering should create the expected re
             role="presentation"
             style="mask-image: url(\\"image-file-stub\\");"
           />
-          @user:example.com
+          <span>
+            @user:example.com
+          </span>
         </div>
       </div>
       <div