From 9bf6dffc79b54e3a226ba1c96cf6162619879a2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20J=C3=B3=C5=BAwik?=
 <przemyslaw.jozwik@wire.com>
Date: Wed, 18 Jan 2023 09:58:47 +0100
Subject: [PATCH] fix: Logout button has wrong design (#14511)

---
 .../preferences/accountPreferences/LogoutSection.tsx   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/script/page/MainContent/panels/preferences/accountPreferences/LogoutSection.tsx b/src/script/page/MainContent/panels/preferences/accountPreferences/LogoutSection.tsx
index 2ca2b97bdd5..c224e19743a 100644
--- 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>
 );