fix: Add vertical margin to checkboxes with labels only

nulogy · Nov 22, 2024 · 0f4cfa9 · 0f4cfa9
1 parent aed515f
commit 0f4cfa9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/Checkbox/Checkbox.tsx b/src/Checkbox/Checkbox.tsx
@@ -94,7 +94,12 @@ const VisualCheckbox = styled.div<VisualCheckboxProps>(
     borderRadius: theme.radii.small,
     border: "solid 1px",
     position: "relative",
-    marginTop: theme.space.x0_5,
+
+    "&:has(+ p)": {
+      marginTop: theme.space.x0_5,
+      marginBottom: theme.space.x0_5,
+    },
+
     // checkmark
     "&:before": {
       content: "''",