diff --git a/src/components/Newsletter/ImagePicker/ImagePicker.tsx b/src/components/Newsletter/ImagePicker/ImagePicker.tsx
index c978699f9f5b9e9c614b1ba44ee5f71b22c8e68c..2e9f6c274a17718ead9ec215ef7eb70f6b5e0499 100644
--- a/src/components/Newsletter/ImagePicker/ImagePicker.tsx
+++ b/src/components/Newsletter/ImagePicker/ImagePicker.tsx
@@ -98,7 +98,7 @@ const ImagePicker: React.FC<ImagePickerProps> = ({
       )}
 
       {openModal && (
-        <Modal classname={'modal-large'}>
+        <Modal classes={'modal-large'}>
           <>
             <div className="image-picker">
               {imageNames &&
diff --git a/src/components/Newsletter/Modal/Modal.tsx b/src/components/Newsletter/Modal/Modal.tsx
index c8ca2b97fadf34b7e4e6d77fc63bfcfa2cda4a84..da3c6c9e021e5756a23cdd5bd4f42dded0f7ba36 100644
--- a/src/components/Newsletter/Modal/Modal.tsx
+++ b/src/components/Newsletter/Modal/Modal.tsx
@@ -3,14 +3,14 @@ import { createPortal } from 'react-dom'
 import './modal.scss'
 interface ModalProps {
   children: ReactChild
-  classname?: string
+  classes?: string
 }
 
-const Modal: React.FC<ModalProps> = ({ children, classname }) => {
+const Modal: React.FC<ModalProps> = ({ children, classes }) => {
   return createPortal(
     <div className="modal-bg">
       <div className="modal-container">
-        <div className={`modal-content ${classname}`}>{children}</div>
+        <div className={`modal-content ${classes}`}>{children}</div>
       </div>
     </div>,
     document.body