fix(DismissibleBanner): Resolve checkbox alignment

Royal-Navy · Apr 23, 2021 · 69613a2 · 69613a2
1 parent ca31e5f
commit 69613a2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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;
 `