fix close button

Author: Aniket-Engg

libs/remix-ui/helper/src/lib/components/feedbackAlert.tsx

@@ -14,7 +14,7 @@ export function FeedbackAlert ({ message, askGPT }: FeedbackAlertProps) {
     <RenderIf condition={showAlert}>
       <>
         <span> { message } </span>
-        <div className="close" data-id="renderer" onClick={handleCloseAlert}>
+        <div className="btn-close" data-id="renderer" onClick={handleCloseAlert}>
           <i className="fas fa-times"></i>
         </div>
         <div className="d-flex pt-1 flex-row-reverse">

libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx

@@ -103,7 +103,7 @@ export const ModalDialog = (props: ModalDialogProps) => {
               {props.title && props.title}
             </h6>
             {!props.showCancelIcon && (
-              <span data-id={`${props.id}-modal-close`} className="close" aria-label="Close" onClick={() => handleHide()}>
+              <span data-id={`${props.id}-modal-close`} className="btn-close" aria-label="Close" onClick={() => handleHide()}>
               </span>
             )}
           </div>

libs/remix-ui/toaster/src/lib/toaster.tsx

@@ -144,7 +144,7 @@ export const Toaster = (props: ToasterProps) => {
             )}
           </span>
           <span style={{ alignSelf: 'baseline' }}>
-            <button data-id="tooltipCloseButton" className="fas fa-times btn-info mx-1 p-0" onClick={closeTheToaster}></button>
+            <button data-id="tooltipCloseButton" className="fas fa-times btn-close p-0 mt-2" onClick={closeTheToaster}></button>
           </span>
         </div>
       )}