diff --git a/src/components/common/GlobalModel.jsx b/src/components/common/GlobalModel.jsx
index 04d24d5a..bebdd5ca 100644
--- a/src/components/common/GlobalModel.jsx
+++ b/src/components/common/GlobalModel.jsx
@@ -12,28 +12,29 @@ const GlobalModel = ({
 }) => {
   const modalRef = useRef(null);  // Reference to the modal element
 
-  useEffect(() => {
-    const modalElement = modalRef.current;
-    const modalInstance = new window.bootstrap.Modal(modalElement);
+useEffect(() => {
+  const modalElement = modalRef.current;
+  const modalInstance = new window.bootstrap.Modal(modalElement, {
+    backdrop: false  // Disable backdrop
+  });
 
-    // Show modal if isOpen is true
-    if (isOpen) {
-      modalInstance.show();
-    } else {
-      modalInstance.hide();
-    }
+  if (isOpen) {
+    modalInstance.show();
+  } else {
+    modalInstance.hide();
+  }
 
-    // Handle modal hide event to invoke the closeModal function
-    const handleHideModal = () => {
-      closeModal();  // Close the modal via React state
-    };
+  const handleHideModal = () => {
+    closeModal();
+  };
 
-    modalElement.addEventListener('hidden.bs.modal', handleHideModal);
+  modalElement.addEventListener('hidden.bs.modal', handleHideModal);
+
+  return () => {
+    modalElement.removeEventListener('hidden.bs.modal', handleHideModal);
+  };
+}, [isOpen, closeModal]);
 
-    return () => {
-      modalElement.removeEventListener('hidden.bs.modal', handleHideModal);
-    };
-  }, [isOpen, closeModal]);
 
   // Dynamically set the modal size classes (modal-sm, modal-lg, modal-xl)
   const modalSizeClass = size ? `modal-${size}` : '';  // Default is empty if no size is specified