Fix: Button styling issues (#21127)

* fixes button styling issues

* address pr comments

openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/TaskFeedCard/TaskFeedCardNew.component.tsx

@@ -376,7 +376,6 @@ const TaskFeedCard = ({
                       className="task-card-approve-btn d-flex items-center"
                       data-testid="approve-button"
                       icon={<CheckCircleFilled />}
-                      type="primary"
                       onClick={onTaskResolve}>
                       {t('label.approve')}
                     </Button>

openmetadata-ui/src/main/resources/ui/src/components/Entity/Task/TaskTab/task-tab-new.less

@@ -23,6 +23,9 @@
   button {
     height: 32px;
     border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     span {
       font-size: 14px;
       font-style: normal;

openmetadata-ui/src/main/resources/ui/src/components/MyData/Persona/PersonaSelectableList/PersonaSelectableList.component.tsx

@@ -228,9 +228,7 @@ export const PersonaSelectableList = ({
             <Button
               className="persona-profile-edit-save"
               data-testid="user-profile-persona-edit-cancel"
-              icon={
+              icon={<ClosePopoverIcon height={24} />}
-                <ClosePopoverIcon height={24} style={{ marginTop: '2px' }} />
-              }
               size="small"
               type="primary"
               onClick={handleCloseEditTeam}
@@ -238,9 +236,7 @@ export const PersonaSelectableList = ({
             <Button
               className="persona-profile-edit-cancel"
               data-testid="user-profile-persona-edit-save"
-              icon={
+              icon={<SavePopoverIcon height={24} />}
-                <SavePopoverIcon height={24} style={{ marginTop: '2px' }} />
-              }
               loading={isSaving}
               size="small"
               type="primary"

openmetadata-ui/src/main/resources/ui/src/components/Settings/Users/UsersProfile/UserProfileRoles/UserProfileRoles.component.tsx

@@ -258,12 +258,7 @@ const UserProfileRoles = ({
                   <Button
                     className="profile-edit-save"
                     data-testid="user-profile-edit-roles-cancel-button"
-                    icon={
+                    icon={<ClosePopoverIcon height={24} />}
-                      <ClosePopoverIcon
-                        height={24}
-                        style={{ marginTop: '2px' }}
-                      />
-                    }
                     size="small"
                     style={{
                       width: '30px',
@@ -279,12 +274,7 @@ const UserProfileRoles = ({
                   <Button
                     className="profile-edit-cancel"
                     data-testid="user-profile-edit-roles-save-button"
-                    icon={
+                    icon={<SavePopoverIcon height={24} />}
-                      <SavePopoverIcon
-                        height={24}
-                        style={{ marginTop: '2px' }}
-                      />
-                    }
                     loading={isLoading}
                     size="small"
                     style={{

openmetadata-ui/src/main/resources/ui/src/components/Settings/Users/UsersProfile/UserProfileTeams/UserProfileTeams.component.tsx

@@ -162,12 +162,7 @@ const UserProfileTeams = ({
                   <Button
                     className="profile-edit-save"
                     data-testid="teams-edit-close-btn"
-                    icon={
+                    icon={<ClosePopoverIcon height={24} />}
-                      <ClosePopoverIcon
-                        height={24}
-                        style={{ marginTop: '2px' }}
-                      />
-                    }
                     size="small"
                     style={{
                       width: '30px',
@@ -183,12 +178,7 @@ const UserProfileTeams = ({
                   <Button
                     className="profile-edit-cancel"
                     data-testid="teams-edit-save-btn"
-                    icon={
+                    icon={<SavePopoverIcon height={24} />}
-                      <SavePopoverIcon
-                        height={24}
-                        style={{ marginTop: '2px' }}
-                      />
-                    }
                     loading={isLoading}
                     size="small"
                     style={{

openmetadata-ui/src/main/resources/ui/src/components/Settings/Users/users.less

@@ -317,6 +317,9 @@
   width: 30px;
   height: 30px;
   background: '#0950C5' !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .profile-edit-save:hover,
@@ -339,6 +342,9 @@
   background: #0950c5;
   position: absolute;
   bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .persona-profile-edit-save.ant-btn-icon-only.ant-btn-sm {
@@ -348,6 +354,9 @@
   position: absolute;
   bottom: 0;
   right: 38px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .max-tag-text {

openmetadata-ui/src/main/resources/ui/src/components/common/DomainSelectableTree/DomainSelectableTreeNew.tsx

@@ -256,7 +256,7 @@ const DomainSelectablTreeNew: FC<DomainSelectableTreeProps> = ({
         <Button
           className="profile-edit-save"
           data-testid="user-profile-domain-edit-save"
-          icon={<ClosePopoverIcon height={24} style={{ marginTop: '2px' }} />}
+          icon={<ClosePopoverIcon height={24} />}
           size="small"
           style={{
             width: '30px',
@@ -272,7 +272,7 @@ const DomainSelectablTreeNew: FC<DomainSelectableTreeProps> = ({
         <Button
           className="profile-edit-cancel"
           data-testid="user-profile-domain-edit-cancel"
-          icon={<SavePopoverIcon height={24} style={{ marginTop: '2px' }} />}
+          icon={<SavePopoverIcon height={24} />}
           loading={isSubmitLoading}
           size="small"
           style={{