diff --git a/src/components/ui/modal/CustomModal.tsx b/src/components/ui/modal/CustomModal.tsx
index b827cb5e..d78e9483 100644
--- a/src/components/ui/modal/CustomModal.tsx
+++ b/src/components/ui/modal/CustomModal.tsx
@@ -7,6 +7,8 @@ interface Props {
   className?: string;
   style?: React.CSSProperties;
   children: ReactNode;
+  fade?: boolean;
+  backdrop?: boolean;
 }
 /**
  *
@@ -14,6 +16,9 @@ interface Props {
  * @param toggle: () => void
  * @param className?: string
  * @param style?: React.CSSProperties
+ * @param children: ReactNode
+ * @param fade?: boolean
+ * @param backdrop?: boolean
  *
  */
 
@@ -22,10 +27,19 @@ export default function CustomModal({
   toggle,
   className,
   children,
-  style
+  style,
+  fade = true,
+  backdrop = true
 }: Props) {
   return (
-    <Modal isOpen={isOpen} toggle={toggle} className={className} style={style}>
+    <Modal
+      isOpen={isOpen}
+      toggle={toggle}
+      className={className}
+      style={style}
+      fade={fade}
+      backdrop={backdrop}
+    >
       {children}
     </Modal>
   );