diff --git a/src/components/ApiDocs/display/ApiModal.tsx b/src/components/ApiDocs/display/ApiModal.tsx
index c311cd51793..c8e497fef0e 100644
--- a/src/components/ApiDocs/display/ApiModal.tsx
+++ b/src/components/ApiDocs/display/ApiModal.tsx
@@ -84,6 +84,14 @@ export const ApiModal = ({
       }, [] as TypeLinkInterface[])
     : [];
 
+  if (typeof window != 'undefined') {
+    window.onclick = function (event) {
+      if (event.target.className.includes('api-modal-container--open')) {
+        closeModal();
+      }
+    };
+  }
+
   return (
     <View
       aria-label={`${name} API Reference`}