fix: label alignment

washingtonpost · Jul 20, 2022 · 7a0e3c6 · 7a0e3c6
1 parent 2bd16db
commit 7a0e3c6
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/ui/checkbox/src/Checkbox.tsx b/ui/checkbox/src/Checkbox.tsx
@@ -256,6 +256,10 @@ const StyledInputLabel = styled(InputLabel, {
   display: "flex",
   cursor: "default",
   gap: "$025",
+  flexDirection: "row",
+  alignItems: "flex-end",
+  justifyContent: "center",
+  lineHeight: theme.lineHeights["050"],
 });
 
 export const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxInterface>(