diff --git a/packages/react/src/components/ChatInput/ChatInput.js b/packages/react/src/components/ChatInput/ChatInput.js
index 6c3ad6767..246ee77ad 100644
--- a/packages/react/src/components/ChatInput/ChatInput.js
+++ b/packages/react/src/components/ChatInput/ChatInput.js
@@ -531,7 +531,8 @@ const ChatInput = ({ scrollToBottom }) => {
         )}
       </Box>
       {errorModal && (
-        <Modal css={css`padding: 1em;`}>
+        <Modal>
+        <Modal css={css`padding: 1em;`} onClose={closeErrorModal}>
           <Modal.Header>
             <Modal.Title>
               <Icon name="report" size="1.25rem" /> 
@@ -549,6 +550,7 @@ const ChatInput = ({ scrollToBottom }) => {
             </Button>
           </Modal.Footer>
         </Modal>
+        </Modal>
       )}
     </Box>
   );