diff --git a/src/components/Widgets/Checkbox/Checkbox.tsx b/src/components/Widgets/Checkbox/Checkbox.tsx
index 2353e1d..21e2fda 100644
--- a/src/components/Widgets/Checkbox/Checkbox.tsx
+++ b/src/components/Widgets/Checkbox/Checkbox.tsx
@@ -8,6 +8,7 @@ const Container = styled.label`
   padding-left: 2rem;
   cursor: pointer;
   font-size: 1.5rem; /* 24px */
+  line-height: 1;
   user-select: none;
 
   /* On mouse-over, add a grey background color */
diff --git a/src/components/Widgets/Checkbox/Checkboxes.tsx b/src/components/Widgets/Checkbox/Checkboxes.tsx
index 9e9d913..c7e75ba 100644
--- a/src/components/Widgets/Checkbox/Checkboxes.tsx
+++ b/src/components/Widgets/Checkbox/Checkboxes.tsx
@@ -22,7 +22,7 @@ type CheckboxesProps = Omit<WidgetProps, "options"> & {
 };
 
 const CheckboxContainer = styled.div`
-  margin-bottom: 0.5rem;
+  margin-bottom: 1rem;
 `;
 
 const Checkboxes: React.FC<CheckboxesProps> = ({
diff --git a/src/components/Widgets/RadioButton/RadioButton.tsx b/src/components/Widgets/RadioButton/RadioButton.tsx
index 22d9f80..366f42f 100644
--- a/src/components/Widgets/RadioButton/RadioButton.tsx
+++ b/src/components/Widgets/RadioButton/RadioButton.tsx
@@ -7,6 +7,7 @@ const Container = styled.label`
   padding-left: 2rem;
   cursor: pointer;
   font-size: 1.5rem; /* 24px */
+  line-height: 1;
   user-select: none;
 
   /* On mouse-over, add a grey background color */
diff --git a/src/components/Widgets/RadioButton/RadioButtonWidget.tsx b/src/components/Widgets/RadioButton/RadioButtonWidget.tsx
index f49b4ee..6ddb7ef 100644
--- a/src/components/Widgets/RadioButton/RadioButtonWidget.tsx
+++ b/src/components/Widgets/RadioButton/RadioButtonWidget.tsx
@@ -8,7 +8,7 @@ type RadioButtonWidgetProps = Omit<WidgetProps, "options"> & {
 };
 
 const RadioButtonContainer = styled.div`
-  margin-bottom: 0.5rem;
+  margin-bottom: 1rem;
 `;
 
 const RadioButtonWidget: React.FC<RadioButtonWidgetProps> = (props) => {