diff --git a/bigbluebutton-html5/imports/ui/components/audio/audio-modal/component.jsx b/bigbluebutton-html5/imports/ui/components/audio/audio-modal/component.jsx
index 997b75a60096caca38d64f1e4fb4d8b6b0ff8fd3..aabcbe8f61f1685fc9c2d92ca31113894c38248a 100755
--- a/bigbluebutton-html5/imports/ui/components/audio/audio-modal/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/audio/audio-modal/component.jsx
@@ -442,7 +442,7 @@ class AudioModal extends Component {
 
     return (
       <span>
-        {showPermissionsOvelay ? <PermissionsOverlay /> : null}
+        {showPermissionsOvelay ? <PermissionsOverlay closeModal={closeModal} /> : null}
         <Modal
           overlayClassName={styles.overlay}
           className={styles.modal}
diff --git a/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/component.jsx b/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/component.jsx
index 1ebf36945ccefc44f940d3b69becccd8d73ae5d8..a1ac3e0e65352070cb45151af9eaaff029dd08de 100644
--- a/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/component.jsx
@@ -1,10 +1,12 @@
 import React from 'react';
 import { injectIntl, intlShape, defineMessages } from 'react-intl';
 import Modal from '/imports/ui/components/modal/simple/component';
+import PropTypes from 'prop-types';
 import { styles } from './styles';
 
 const propTypes = {
   intl: intlShape.isRequired,
+  closeModal: PropTypes.func.isRequired,
 };
 
 const intlMessages = defineMessages({