diff --git a/CommonUI/src/Components/Modal/Modal.tsx b/CommonUI/src/Components/Modal/Modal.tsx
index 3474914089..6aa6e6ae92 100644
--- a/CommonUI/src/Components/Modal/Modal.tsx
+++ b/CommonUI/src/Components/Modal/Modal.tsx
@@ -62,7 +62,7 @@ const Modal: FunctionComponent<ComponentProps> = (
                                 />
                             </div>
                         )}
-                        <div className="sm:p-6 flex">
+                        <div className="sm:p-6">
                             {props.icon && (
                                 <div
                                     className={`mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full ${iconBgColor} sm:mx-0 sm:h-10 sm:w-10`}
@@ -84,7 +84,9 @@ const Modal: FunctionComponent<ComponentProps> = (
                             )}
                             <div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:mr-4 sm:text-left">
                                 <h3
-                                    className="text-lg font-medium leading-6 text-gray-900"
+                                    className={`text-lg font-medium leading-6 text-gray-900 ${
+                                        props.icon ? 'ml-10 -mt-8 mb-5' : ''
+                                    }`}
                                     id="modal-title"
                                 >
                                     {props.title}