diff --git a/src/components/Check.tsx b/src/components/Check.tsx
index 837695f..58c9625 100644
--- a/src/components/Check.tsx
+++ b/src/components/Check.tsx
@@ -20,7 +20,13 @@ interface CheckBoxProps {
 
 const CheckIcon = [
   () => <Icon icon="hugeicons:square" class="stroke-1" />,
-  () => <Icon icon="hugeicons:checkmark-square-03" class="stroke-1 text-primary" />,
+  (props) => (
+    <Icon
+      icon="hugeicons:checkmark-square-03"
+      class="stroke-1"
+      classList={{ 'text-neutral': props.disabled, 'text-primary': !props.disabled }}
+    />
+  ),
 ];
 
 const Check: ParentComponent<CheckBoxProps> = (props) => {
@@ -53,7 +59,7 @@ const Check: ParentComponent<CheckBoxProps> = (props) => {
       class="flex flex-row items-center gap-1 cursor-pointer"
       classList={{ 'text-neutral': mProps.disabled }}
       onClick={handleClick}>
-      <Dynamic component={CheckIcon[internalChecked() ? 1 : 0]} />
+      <Dynamic component={CheckIcon[internalChecked() ? 1 : 0]} disabled={mProps.disabled} />
       <div>{mProps.children}</div>
       <Show when={isNotNil(mProps.name)}>
         <input type="hidden" name={mProps.name} value={internalChecked() ? 'true' : 'false'} />