diff --git a/src/components/common/GlobalModel.jsx b/src/components/common/GlobalModel.jsx
index d12aeb34..04d24d5a 100644
--- a/src/components/common/GlobalModel.jsx
+++ b/src/components/common/GlobalModel.jsx
@@ -45,7 +45,7 @@ const GlobalModel = ({
 
   return (
     <div
-      className={`modal fade ${modalType}`} 
+      className={`modal fade ${ modalType }`} 
       id="customModal"
       tabIndex="-1"
       aria-labelledby="exampleModalLabel"
@@ -53,9 +53,9 @@ const GlobalModel = ({
       ref={modalRef}  // Assign the ref to the modal element
       {...dataAttributesProps}
     >
-      <div className={`modal-dialog ${dialogClass} ${modalSizeClass}`} role={role}>
+      <div className={`modal-dialog ${dialogClass} ${modalSizeClass } mx-sm-auto mx-1`} role={role}>
         <div className="modal-content">
-          <div className="modal-header">
+          <div className="modal-header p-0">
             {/* Close button inside the modal header */}
             <button
               type="button"
@@ -65,7 +65,7 @@ const GlobalModel = ({
               onClick={closeModal}  // Trigger the React closeModal function
             ></button>
           </div>
-          <div className="modal-body">
+          <div className="modal-body  p-sm-4 p-0">
             {children}  {/* Render children here, which can be the ReportTask component */}
           </div>
         </div>