diff --git a/src/components/Check.tsx b/src/components/Check.tsx
index d98fb9a..c0dee05 100644
--- a/src/components/Check.tsx
+++ b/src/components/Check.tsx
@@ -49,7 +49,7 @@ const Check: ParentComponent<CheckBoxProps> = (props) => {
   };
 
   return (
-    <div class="flex flex-row items-center gap-2 cursor-pointer" onClick={handleClick}>
+    <div class="flex flex-row items-center gap-1 cursor-pointer" onClick={handleClick}>
       <Dynamic component={CheckIcon[internalChecked() ? 1 : 0]} />
       <div>{mProps.children}</div>
       <Show when={isNotNil(mProps.name)}>
diff --git a/src/components/Radio.tsx b/src/components/Radio.tsx
index 7b63498..414b175 100644
--- a/src/components/Radio.tsx
+++ b/src/components/Radio.tsx
@@ -49,7 +49,7 @@ const Radio: ParentComponent<RadioProps> = (props) => {
   };
 
   return (
-    <div class="flex flex-row items-center gap-2 cursor-pointer" onClick={handleClick}>
+    <div class="flex flex-row items-center gap-1 cursor-pointer" onClick={handleClick}>
       <Dynamic component={RadioIcon[internalChecked() ? 1 : 0]} />
       <div>{mProps.children}</div>
       <Show when={isNotNil(mProps.name)}>