diff --git a/bigbluebutton-html5/imports/ui/components/breakout-join-confirmation/component.jsx b/bigbluebutton-html5/imports/ui/components/breakout-join-confirmation/component.jsx
index d5ed0e13a6f029a5431a54c047fc0d3572afc2dc..3c7c2b905f6641dcfed51c6d68860d6af8000f42 100755
--- a/bigbluebutton-html5/imports/ui/components/breakout-join-confirmation/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/breakout-join-confirmation/component.jsx
@@ -3,6 +3,7 @@ import { defineMessages, injectIntl } from 'react-intl';
 import { withModalMounter } from '/imports/ui/components/modal/service';
 import Modal from '/imports/ui/components/modal/fullscreen/component';
 import AudioService from '../audio/service';
+import VideoService from '../video-provider/service';
 import { styles } from './styles';
 
 const intlMessages = defineMessages({
@@ -59,7 +60,7 @@ class BreakoutJoinConfirmation extends Component {
     const url = isFreeJoin ? getURL(this.state.selectValue) : breakoutURL;
     // leave main room's audio when joining a breakout room
     AudioService.exitAudio();
-
+    VideoService.exitVideo();
     window.open(url);
     mountModal(null);
   }