diff --git a/src/DuoInput/DuoInput.jsx b/src/DuoInput/DuoInput.jsx
index 97150fa91d9351004dd682f8476140cd0ce77b88..81b6e0eb7ba66aa39e7632633516a2d6b85c34a3 100644
--- a/src/DuoInput/DuoInput.jsx
+++ b/src/DuoInput/DuoInput.jsx
@@ -17,8 +17,8 @@ export default function DuoInput({label, onChange, values, layout = 'column'}) {
 			<div className='fi-field-label-wrapper'>
 				<span className='fi-field-label'>{label}</span>
 			</div>
-			<div className='fi-field-buttons-wrapper fi-duo-fields-wrapper' style={{flexDirection: layout}}>
-				<div className='fi-duo-fields'>
+			<div className='fi-field-buttons-wrapper fi-duo-fields-wrapper'>
+				<div className='fi-duo-fields' style={{ display: 'flex', flexDirection: layout}}>
 					<NumberWithUnit
 						className='fi-duo-field fi-duo-field-input'
 						value={valuesArray[0]}