diff --git a/bigbluebutton-html5/imports/ui/components/app/component.jsx b/bigbluebutton-html5/imports/ui/components/app/component.jsx
index d923827d40a39f3499704b5fab4cdaa3d55dac80..73d262e4e71cbcfda7ec0d49b58ccbbb8ebe6c4e 100755
--- a/bigbluebutton-html5/imports/ui/components/app/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/app/component.jsx
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, injectIntl } from 'react-intl';
-
+import Modal from 'react-modal';
 import _ from 'lodash';
 
 import ModalContainer from '../modal/container';
@@ -57,6 +57,7 @@ class App extends Component {
   componentDidMount() {
     const locale = this.props.locale;
 
+    Modal.setAppElement('#app');
     document.getElementsByTagName('html')[0].lang = locale;
     document.getElementsByTagName('html')[0].style.fontSize = this.props.fontSize;
   }