diff --git a/datahub-web-react/src/alchemy-components/components/Editor/toolbar/AddImageButton.tsx b/datahub-web-react/src/alchemy-components/components/Editor/toolbar/AddImageButton.tsx
index 011ab9b6d9..3961c89df9 100644
--- a/datahub-web-react/src/alchemy-components/components/Editor/toolbar/AddImageButton.tsx
+++ b/datahub-web-react/src/alchemy-components/components/Editor/toolbar/AddImageButton.tsx
@@ -40,7 +40,14 @@ export const AddImageButton = () => {
                 commandName="insertImage"
                 onClick={handleButtonClick}
             />
-            <Modal title="Add Image" visible={isModalVisible} okText="Save" onOk={handleOk} onCancel={handleCancel}>
+            <Modal
+                title="Add Image"
+                open={isModalVisible}
+                okText="Save"
+                onOk={handleOk}
+                onCancel={handleCancel}
+                zIndex={1200}
+            >
                 <Form form={form} layout="vertical" colon={false} requiredMark={false}>
                     <Form.Item
                         name="src"
diff --git a/datahub-web-react/src/alchemy-components/components/Editor/toolbar/LinkModal.tsx b/datahub-web-react/src/alchemy-components/components/Editor/toolbar/LinkModal.tsx
index e98233c78f..b011e2d786 100644
--- a/datahub-web-react/src/alchemy-components/components/Editor/toolbar/LinkModal.tsx
+++ b/datahub-web-react/src/alchemy-components/components/Editor/toolbar/LinkModal.tsx
@@ -58,7 +58,7 @@ export const LinkModal = (props: LinkModalProps) => {
     };
 
     return (
-        <Modal title="Add Link" okText="Save" onCancel={handleClose} onOk={handleOk} visible={visible}>
+        <Modal title="Add Link" okText="Save" onCancel={handleClose} zIndex={1200} onOk={handleOk} open={visible}>
             <Form
                 form={form}
                 layout="vertical"