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 27c67458d..7609e2908 100644
--- a/packages/common/business_components/src/ui/dialog_ui/index.tsx
+++ b/packages/common/business_components/src/ui/dialog_ui/index.tsx
@@ -1,17 +1,17 @@
-import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@common/components";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTrigger } from "@common/components";
 
 type ModalType = { 
   bodyClass: string;
   butNm: string;
-  title: string;
+  title: string | undefined;
   body: React.ReactNode;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
 }
 
 export function UiModal({ bodyClass, butNm, title, body, open, onOpenChange }: ModalType) {
-  const dialogProps = open !== undefined && onOpenChange !== undefined 
-    ? { open, onOpenChange } 
+  const dialogProps = open !== undefined && onOpenChange !== undefined && title !== undefined
+    ? { open, onOpenChange, title } 
     : {};
 
   return (
@@ -23,7 +23,6 @@ export function UiModal({ bodyClass, butNm, title, body, open, onOpenChange }: M
           </DialogTrigger>
           <DialogContent className={bodyClass}>
             <DialogHeader>
-              <DialogTitle>{title}</DialogTitle>
               <DialogDescription>
               </DialogDescription>
             </DialogHeader>
@@ -37,7 +36,6 @@ export function UiModal({ bodyClass, butNm, title, body, open, onOpenChange }: M
         <Dialog {...dialogProps}>
           <DialogContent className={bodyClass}>
             <DialogHeader>
-              <DialogTitle>{title}</DialogTitle>
               <DialogDescription>
               </DialogDescription>
             </DialogHeader>