diff --git a/packages/react-component-library/src/components/Checkbox/partials/StyledLabel.tsx b/packages/react-component-library/src/components/Checkbox/partials/StyledLabel.tsx index 24adb4ef08..c609020472 100644 --- a/packages/react-component-library/src/components/Checkbox/partials/StyledLabel.tsx +++ b/packages/react-component-library/src/components/Checkbox/partials/StyledLabel.tsx @@ -1,10 +1,8 @@ -import React from 'react' import { selectors } from '@royalnavy/design-tokens' import styled from 'styled-components' -const { color, spacing } = selectors +const { color } = selectors export const StyledLabel = styled.label` color: ${color('neutral', '400')}; - padding: ${spacing('1')} 0; ` diff --git a/packages/react-component-library/src/components/Checkbox/partials/StyledOuterWrapper.tsx b/packages/react-component-library/src/components/Checkbox/partials/StyledOuterWrapper.tsx index 830c4af1e2..9575a6ad9b 100644 --- a/packages/react-component-library/src/components/Checkbox/partials/StyledOuterWrapper.tsx +++ b/packages/react-component-library/src/components/Checkbox/partials/StyledOuterWrapper.tsx @@ -1,7 +1,11 @@ -import React from 'react' import styled from 'styled-components' +import { selectors } from '@royalnavy/design-tokens' + +const { spacing } = selectors export const StyledOuterWrapper = styled.div` display: inline-flex; + align-items: center; flex-direction: row; + padding: ${spacing('2')} 0; `