diff --git a/app/components/settings/CheckBox.tsx b/app/components/settings/CheckBox.tsx
index 1b1ece5..7944a7e 100644
--- a/app/components/settings/CheckBox.tsx
+++ b/app/components/settings/CheckBox.tsx
@@ -1,25 +1,28 @@
 import React from 'react';
 
+// Define the props for the CheckboxSetting component
 interface CheckboxSettingProps {
   label: string; // The label to display
   checked: boolean; // The checked state of the checkbox
   setChecked: (value: boolean) => void; // Method to update the state
 }
 
+// Functional component definition
 const CheckboxSetting: React.FC<CheckboxSettingProps> = ({ label, checked, setChecked }) => {
+  // Handler to toggle the checkbox state
   const handleCheckboxChange = () => {
-    setChecked(!checked);
+    setChecked(!checked); // Toggle the checked state
   };
 
   return (
-    <div className="settings-option">
+    <div className="settings-option"> {/* Container for the checkbox setting */}
       <label>
         <input
-          type="checkbox"
-          checked={checked}
-          onChange={handleCheckboxChange}
+          type="checkbox" // Checkbox input type
+          checked={checked} // Set the checked state based on the prop
+          onChange={handleCheckboxChange} // Call the handler on change
         />
-        {label}
+        {label} {/* Display the label next to the checkbox */}
       </label>
     </div>
   );