diff --git a/packages/common/business_components/src/ui/dialog_ui/index.tsx b/packages/common/business_components/src/ui/dialog_ui/index.tsx
index b9e341279..bbb27d327 100644
--- a/packages/common/business_components/src/ui/dialog_ui/index.tsx
+++ b/packages/common/business_components/src/ui/dialog_ui/index.tsx
@@ -1,4 +1,5 @@
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader } from "@common/components";
+import { cn } from "../../lib/utils";
 
 type ModalType = { 
   bodyClass: string;
@@ -25,15 +26,20 @@ export function UiModal({
   return (
     <>
         <Dialog open={open} onOpenChange={onOpenChange}>
-          <DialogContent className={bodyClass}>
-            {noHeaderYn === 'N' && (
+        <DialogContent className={bodyClass}>
+        {noHeaderYn === 'N' && (
               <DialogHeader>
                 <DialogDescription>
                   {headerTitle}
                 </DialogDescription>
               </DialogHeader>
             )}
-            {(open && body)} 
+            {(open && body) ?
+            <div> {body}</div>:<></>
+            
+            
+            
+            } 
             {noFooterYn === 'N' && (
               <DialogFooter className="sm:justify-start">
                 {footerContent}