diff --git a/web/src/components/inputs/common.tsx b/web/src/components/inputs/common.tsx
index f40072b..e4a143c 100644
--- a/web/src/components/inputs/common.tsx
+++ b/web/src/components/inputs/common.tsx
@@ -35,7 +35,10 @@ const CheckboxField = ({
         id={name}
         name={name}
         type="checkbox" 
-        className={classNames("focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded", disabled ? "bg-gray-200" : "")}
+        className={classNames(
+          "focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded", 
+          disabled ? "bg-gray-200 dark:bg-gray-700 dark:border-gray-700" : ""
+        )}
         disabled={disabled}
       />
     </div>