diff --git a/src/components/Check.tsx b/src/components/Check.tsx
index be60cfb..837695f 100644
--- a/src/components/Check.tsx
+++ b/src/components/Check.tsx
@@ -49,7 +49,10 @@ const Check: ParentComponent<CheckBoxProps> = (props) => {
   };
 
   return (
-    <div class="flex flex-row items-center gap-1 cursor-pointer" onClick={handleClick}>
+    <div
+      class="flex flex-row items-center gap-1 cursor-pointer"
+      classList={{ 'text-neutral': mProps.disabled }}
+      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 a6b0cd8..5a90d21 100644
--- a/src/components/Radio.tsx
+++ b/src/components/Radio.tsx
@@ -49,7 +49,10 @@ const Radio: ParentComponent<RadioProps> = (props) => {
   };
 
   return (
-    <div class="flex flex-row items-center gap-1 cursor-pointer" onClick={handleClick}>
+    <div
+      class="flex flex-row items-center gap-1 cursor-pointer"
+      classList={{ 'text-neutral': mProps.disabled }}
+      onClick={handleClick}>
       <Dynamic component={RadioIcon[internalChecked() ? 1 : 0]} />
       <div>{mProps.children}</div>
       <Show when={isNotNil(mProps.name)}>