diff --git a/src/storyMap/components/StoryMapForm/DataLayerDialog.js b/src/storyMap/components/StoryMapForm/DataLayerDialog.js
index 9651d6a779..8ab7040937 100644
--- a/src/storyMap/components/StoryMapForm/DataLayerDialog.js
+++ b/src/storyMap/components/StoryMapForm/DataLayerDialog.js
@@ -81,6 +81,7 @@ const DataLayerDialog = props => {
   return (
     <Dialog
       open={open}
+      onClose={onClose}
       sx={{ '& .MuiDialog-paper': { backgroundColor: 'gray.lite2' } }}
     >
       <DialogTitle component="h1" sx={{ pb: 0 }}>