diff --git a/web/src/components/PresetsModal/PresetsModal.jsx b/web/src/components/PresetsModal/PresetsModal.jsx
index 54d9284d6..ecfd183b1 100644
--- a/web/src/components/PresetsModal/PresetsModal.jsx
+++ b/web/src/components/PresetsModal/PresetsModal.jsx
@@ -121,7 +121,7 @@ const PresetsModal = ({ onClose }) => {
                 <div className="presets-modal-header">Select Preset</div>
                 <div className="presets-modal-body">
                     <List>{presetItems}</List>
-                    <RectangularAddButton onClick={() => {setCreateModalOpen(true);}} />
+                    <RectangularAddButton onClick={() => {setCreateModalOpen(true); onClose();}} />
                     { createModalOpen && <CreatePresetModal onClose={() => {setCreateModalOpen(false);}} /> }
                 </div>
             </Card>