diff --git a/components/checkbox/style/index.ts b/components/checkbox/style/index.ts index 8d42050eba..3be7b90947 100644 --- a/components/checkbox/style/index.ts +++ b/components/checkbox/style/index.ts @@ -36,6 +36,13 @@ export const genCheckboxStyle: GenerateStyle = (token) => { ...resetComponent(token), display: 'inline-flex', + flexWrap: 'wrap', + columnGap: token.marginXS, + + // Group > Grid + [`> ${token.antCls}-row`]: { + flex: 1, + }, }, // Wrapper @@ -56,7 +63,7 @@ export const genCheckboxStyle: GenerateStyle = (token) => { // Checkbox near checkbox [`& + ${wrapperCls}`]: { - marginInlineStart: token.marginXS, + marginInlineStart: 0, }, [`&${wrapperCls}-in-form-item`]: { diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap index ed10ad8da3..f1489e7d76 100644 --- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap +++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap @@ -14748,7 +14748,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize large 1 class="config-space-compact config-space-compact-block config-dropdown-button" >