diff --git a/components/transfer/src/filter.js b/components/transfer/src/filter.js index abc41342e..f88cae7a9 100644 --- a/components/transfer/src/filter.js +++ b/components/transfer/src/filter.js @@ -8,6 +8,7 @@ export const Filter = ({ dataTest, filter, onChange, label, placeholder }) => (
{` .optionsContainer { flex-grow: 1; - padding: ${spacers.dp4} 0; position: relative; overflow: hidden; } diff --git a/components/transfer/src/transfer-option.js b/components/transfer/src/transfer-option.js index 58a16c5a9..3b91b1515 100644 --- a/components/transfer/src/transfer-option.js +++ b/components/transfer/src/transfer-option.js @@ -1,4 +1,4 @@ -import { colors } from '@dhis2/ui-constants' +import { colors, spacers } from '@dhis2/ui-constants' import cx from 'classnames' import PropTypes from 'prop-types' import React, { useRef } from 'react' @@ -66,6 +66,14 @@ export const TransferOption = ({ color: ${colors.grey600}; cursor: not-allowed; } + + div:first-child { + margin-block-start: ${spacers.dp4}; + } + + div:last-child { + margin-block-end: ${spacers.dp4}; + } `}
)