fix: Logout button has wrong design (#14511)

wireapp · Jan 18, 2023 · 5ff525a · 5ff525a
1 parent 616c647
commit 5ff525a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/script/page/MainContent/panels/preferences/accountPreferences/LogoutSection.tsx b/src/script/page/MainContent/panels/preferences/accountPreferences/LogoutSection.tsx
@@ -21,7 +21,7 @@ import React from 'react';
 
 import {TabIndex} from '@wireapp/react-ui-kit/lib/types/enums';
 
-import {Link, LinkVariant} from '@wireapp/react-ui-kit';
+import {Button, ButtonVariant} from '@wireapp/react-ui-kit';
 
 import {t} from 'Util/LocalizerUtil';
 
@@ -33,15 +33,15 @@ interface LogoutSectionProps {
 
 const LogoutSection: React.FC<LogoutSectionProps> = ({clientRepository}) => (
   <section className="preferences-section">
-    <Link
+    <Button
       tabIndex={TabIndex.FOCUSABLE}
-      variant={LinkVariant.PRIMARY}
+      type="button"
       onClick={() => clientRepository.logoutClient()}
       data-uie-name="do-logout"
-      type="button"
+      variant={ButtonVariant.TERTIARY}
     >
       {t('preferencesAccountLogOut')}
-    </Link>
+    </Button>
   </section>
 );