diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx index f61460d767..7a099fe04d 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/list-item/ListItem.tsx @@ -1,3 +1,5 @@ +import styled from 'styled-components'; + import { Flex } from '../flex'; import { ListItemContent, @@ -17,12 +19,16 @@ export interface ListItemProps { children: React.ReactNode; } +const StyledFlex = styled(Flex)` + margin-bottom: 1px; +`; + const ListItem = ({ level = 0, disabled, children }: ListItemProps) => { return ( <ListItemProvider level={level} disabled={disabled}> - <Flex $flexDirection="column" $gap="tiny"> + <StyledFlex $flexDirection="column" $gap="tiny"> {children} - </Flex> + </StyledFlex> </ListItemProvider> ); }; |