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};
+ }
`}
)