Use new Button in login view

1 files changed, 3 insertions, 2 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/Login.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/Login.tsx
index afb75ce500..ccd122eac0 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/Login.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/Login.tsx
@@ -17,7 +17,6 @@ import { LoginState } from '../redux/account/reducers';
 import { useSelector } from '../redux/store';
 import Accordion from './Accordion';
 import { AppMainHeader } from './app-main-header';
-import * as AppButton from './AppButton';
 import { Container, Layout } from './Layout';
 import {
   StyledAccountDropdownContainer,
@@ -515,7 +514,9 @@ function BlockMessage() {
     <StyledBlockMessageContainer>
       <StyledBlockTitle>{messages.gettext('Blocking internet')}</StyledBlockTitle>
       <StyledBlockMessage>{message}</StyledBlockMessage>
-      <AppButton.RedButton onClick={unlock}>{buttonText}</AppButton.RedButton>
+      <Button variant="destructive" onClick={unlock}>
+        <Button.Text>{buttonText}</Button.Text>
+      </Button>
     </StyledBlockMessageContainer>
   );
 }