Use FlexColumn in modal component

1 files changed, 3 insertions, 3 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx
index c8e3770bbd..a3c78ac00d 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx
@@ -4,10 +4,10 @@ import styled from 'styled-components';
 
 import log from '../../shared/logging';
 import { Icon, IconProps, Spinner } from '../lib/components';
+import { FlexColumn } from '../lib/components/flex-column';
 import { Colors } from '../lib/foundations';
 import { IconBadge } from '../lib/icon-badge';
 import { useEffectEvent } from '../lib/utility-hooks';
-import * as AppButton from './AppButton';
 import { measurements, normalText, tinyText } from './common-styles';
 import CustomScrollbars from './CustomScrollbars';
 import { BackAction } from './KeyboardNavigation';
@@ -292,11 +292,11 @@ class ModalAlertImpl extends React.Component<IModalAlertImplProps, IModalAlertSt
                   <StyledSmallButtonGrid>{this.props.gridButtons}</StyledSmallButtonGrid>
                 )}
                 {this.props.buttons && (
-                  <AppButton.ButtonGroup>
+                  <FlexColumn $gap="medium">
                     {this.props.buttons.map((button, index) => (
                       <ModalAlertButtonContainer key={index}>{button}</ModalAlertButtonContainer>
                     ))}
-                  </AppButton.ButtonGroup>
+                  </FlexColumn>
                 )}
               </ModalAlertButtonGroupContainer>
             </StyledModalAlert>