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 df7fffd3a..0858a66b8 100644
--- a/packages/common/business_components/src/ui/dialog_ui/index.tsx
+++ b/packages/common/business_components/src/ui/dialog_ui/index.tsx
@@ -9,6 +9,7 @@ type ModalType = {
   noHeaderYn?: 'N' | 'Y';
   noFooterYn?: 'N' | 'Y';
   headerTitle?: string;
+  headerTitleClass?: string;
   footerContent?: React.ReactNode;
   useDirectRender?: boolean;
 }
@@ -21,6 +22,7 @@ export function UiModal({
   noHeaderYn = 'N',
   noFooterYn = 'N',
   headerTitle,
+  headerTitleClass,
   footerContent,
   useDirectRender = false
 }: ModalType) {
@@ -31,7 +33,7 @@ export function UiModal({
         <DialogContent className={bodyClass}>
           {noHeaderYn === 'N' && (
             <DialogHeader>
-              <DialogDescription>
+              <DialogDescription className={headerTitleClass}>
                 {headerTitle}
               </DialogDescription>
             </DialogHeader>