diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/Modal.tsx | 6 |
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> |