1 files changed, 5 insertions, 6 deletions
diff --git a/server/sonar-web/src/main/js/apps/coding-rules/components/RuleDetailsDescription.tsx b/server/sonar-web/src/main/js/apps/coding-rules/components/RuleDetailsDescription.tsx
index 8a373eb66a9..0a9ac8ee0d4 100644
--- a/server/sonar-web/src/main/js/apps/coding-rules/components/RuleDetailsDescription.tsx
+++ b/server/sonar-web/src/main/js/apps/coding-rules/components/RuleDetailsDescription.tsx
@@ -17,16 +17,14 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+import { Button, ButtonVariety, Spinner } from '@sonarsource/echoes-react';
 import {
   ButtonPrimary,
   ButtonSecondary,
   CodeSyntaxHighlighter,
-  DangerButtonSecondary,
   InputTextArea,
 } from 'design-system';
 
-import { Spinner } from '@sonarsource/echoes-react';
-
 import * as React from 'react';
 import FormattingTips from '../../../components/common/FormattingTips';
 import RuleTabViewer from '../../../components/rules/RuleTabViewer';
@@ -116,14 +114,15 @@ export default function RuleDetailsDescription(props: Readonly<Props>) {
 
           {ruleDetails.mdNote !== undefined && (
             <>
-              <DangerButtonSecondary
+              <Button
                 className="sw-ml-2"
-                disabled={updatingRule}
+                isDisabled={updatingRule}
                 id="coding-rules-detail-extend-description-remove"
                 onClick={() => setDescriptionModal(true)}
+                variety={ButtonVariety.DangerOutline}
               >
                 {translate('remove')}
-              </DangerButtonSecondary>
+              </Button>
               {removeDescriptionModal && (
                 <RemoveExtendedDescriptionModal
                   onCancel={() => setDescriptionModal(false)}