1 files changed, 9 insertions, 9 deletions
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileProjects.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileProjects.tsx
index 84fd60c40fa..7ac978ea69e 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileProjects.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileProjects.tsx
@@ -20,10 +20,11 @@
 import * as React from 'react';
 import { Link } from 'react-router';
 import ChangeProjectsForm from './ChangeProjectsForm';
-import QualifierIcon from '../../../components/shared/QualifierIcon';
+import { Profile } from '../types';
 import { getProfileProjects } from '../../../api/quality-profiles';
+import QualifierIcon from '../../../components/shared/QualifierIcon';
+import { Button } from '../../../components/ui/buttons';
 import { translate } from '../../../helpers/l10n';
-import { Profile } from '../types';
 
 interface Props {
   organization: string | null;
@@ -83,8 +84,7 @@ export default class ProfileProjects extends React.PureComponent<Props, State> {
     );
   }
 
-  handleChangeClick = (event: React.SyntheticEvent<HTMLElement>) => {
-    event.preventDefault();
+  handleChangeClick = () => {
     this.setState({ formOpen: true });
   };
 
@@ -124,10 +124,10 @@ export default class ProfileProjects extends React.PureComponent<Props, State> {
     return (
       <ul>
         {projects.map(project => (
-          <li key={project.uuid} className="spacer-top js-profile-project" data-key={project.key}>
+          <li className="spacer-top js-profile-project" data-key={project.key} key={project.uuid}>
             <Link
-              to={{ pathname: '/dashboard', query: { id: project.key } }}
-              className="link-with-icon">
+              className="link-with-icon"
+              to={{ pathname: '/dashboard', query: { id: project.key } }}>
               <QualifierIcon qualifier="TRK" /> <span>{project.name}</span>
             </Link>
           </li>
@@ -143,9 +143,9 @@ export default class ProfileProjects extends React.PureComponent<Props, State> {
         {profile.actions &&
           profile.actions.associateProjects && (
             <div className="boxed-group-actions">
-              <button className="js-change-projects" onClick={this.handleChangeClick}>
+              <Button className="js-change-projects" onClick={this.handleChangeClick}>
                 {translate('quality_profiles.change_projects')}
-              </button>
+              </Button>
             </div>
           )}