diff --git a/src/lib/components/InputGroup/InputGroup.jsx b/src/lib/components/InputGroup/InputGroup.jsx index 68f7c000..75204c1f 100644 --- a/src/lib/components/InputGroup/InputGroup.jsx +++ b/src/lib/components/InputGroup/InputGroup.jsx @@ -3,6 +3,7 @@ import React, { useContext } from 'react'; import { Text } from '../Text'; import { withGlobalProps } from '../../provider'; import { classNames } from '../../utils/classNames'; +import { getRootSizeClassName } from '../_helpers/getRootSizeClassName'; import { getRootValidationStateClassName } from '../_helpers/getRootValidationStateClassName'; import { isChildrenEmpty } from '../_helpers/isChildrenEmpty'; import { resolveContextOrProp } from '../_helpers/resolveContextOrProp'; @@ -43,6 +44,7 @@ export const InputGroup = ({ resolveContextOrProp(formLayoutContext && formLayoutContext.layout, layout) === 'horizontal' ? styles.isRootLayoutHorizontal : styles.isRootLayoutVertical, + getRootSizeClassName(size, styles), getRootValidationStateClassName(validationState, styles), )} > diff --git a/src/lib/components/InputGroup/InputGroup.scss b/src/lib/components/InputGroup/InputGroup.scss index 8d8df674..bc49a39c 100644 --- a/src/lib/components/InputGroup/InputGroup.scss +++ b/src/lib/components/InputGroup/InputGroup.scss @@ -50,7 +50,7 @@ } .isRootLayoutHorizontal { - @include box-field-layout.horizontal($has-min-tap-target: true); + @include box-field-layout.horizontal(); } .isRootLayoutHorizontal .label {