diff --git a/frontend/src/Editor/Components/Modal.jsx b/frontend/src/Editor/Components/Modal.jsx
index 7921161d94..f5049664eb 100644
--- a/frontend/src/Editor/Components/Modal.jsx
+++ b/frontend/src/Editor/Components/Modal.jsx
@@ -116,6 +116,7 @@ export const Modal = function Modal({
             setShowModal(true);
             setExposedVariable('show', true).then(() => fireEvent('onOpen'));
           }}
+          data-cy={`${dataCy}-launch-button`}
         >
           {triggerButtonLabel ?? 'Show Modal'}
         </button>
@@ -196,11 +197,14 @@ const Component = ({ children, ...restProps }) => {
         />
       )}
       {!hideTitleBar && (
-        <BootstrapModal.Header style={{ ...customStyles.modalHeader }}>
-          <BootstrapModal.Title id="contained-modal-title-vcenter">{title}</BootstrapModal.Title>
+        <BootstrapModal.Header style={{ ...customStyles.modalHeader }} data-cy={`modal-header`}>
+          <BootstrapModal.Title id="contained-modal-title-vcenter" data-cy={`modal-title`}>
+            {title}
+          </BootstrapModal.Title>
           {!hideCloseButton && (
             <span
               className="cursor-pointer"
+              data-cy={`modal-close-button`}
               size="sm"
               onClick={(e) => {
                 e.preventDefault();
@@ -228,7 +232,7 @@ const Component = ({ children, ...restProps }) => {
           )}
         </BootstrapModal.Header>
       )}
-      <BootstrapModal.Body style={{ ...customStyles.modalBody }} ref={parentRef} id={id}>
+      <BootstrapModal.Body style={{ ...customStyles.modalBody }} ref={parentRef} id={id} data-cy={`modal-body`}>
         {children}
       </BootstrapModal.Body>
     </BootstrapModal>