diff --git a/res/css/views/voip/_VideoFeed.scss b/res/css/views/voip/_VideoFeed.scss
index dd939d8ea1..40d21ffcc2 100644
--- a/res/css/views/voip/_VideoFeed.scss
+++ b/res/css/views/voip/_VideoFeed.scss
@@ -38,7 +38,7 @@ limitations under the License.
     margin-bottom: 12px;
 
     &.mx_VideoFeed_voice {
-        background-color: #17191c; // Same on both themes
+        background-color: $inverted-bg-color;
 
         display: flex;
         align-items: center;
diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index 5e33ca10e1..ce2e4dabe9 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -614,6 +614,7 @@ export default class CallView extends React.Component<IProps, IState> {
                 <CallViewSidebar
                     feeds={this.state.secondaryFeeds}
                     call={this.props.call}
+                    hideFeedsWithMutedVideo={!this.state.primaryFeed || this.state.primaryFeed?.isVideoMuted()}
                 />
             );
         }
diff --git a/src/components/views/voip/CallViewSidebar.tsx b/src/components/views/voip/CallViewSidebar.tsx
index ce9f3335ae..a2524e1c39 100644
--- a/src/components/views/voip/CallViewSidebar.tsx
+++ b/src/components/views/voip/CallViewSidebar.tsx
@@ -23,11 +23,14 @@ import VideoFeed from "./VideoFeed";
 interface IProps {
     feeds: Array<CallFeed>;
     call: MatrixCall;
+    hideFeedsWithMutedVideo: boolean;
 }
 
 export default class CallViewSidebar extends React.Component<IProps> {
     render() {
         const feeds = this.props.feeds.map((feed) => {
+            if (feed.isVideoMuted() && this.props.hideFeedsWithMutedVideo) return;
+
             return (
                 <VideoFeed
                     key={feed.stream.id}