src/components/Directory/NotesDirectory.jsx

@@ -128,40 +128,24 @@ const NotesDirectory = ({
                 className="switch switch-primary"
                 style={{
                   visibility:
-                    contactProfile?.notes?.length > 0 || contactNotes?.length > 0
+                    contactProfile?.notes?.length > 0 ||
+                    contactNotes?.length > 0
                       ? "visible"
                       : "hidden",
-                  fontSize: "15px",        // smaller text
                 }}
               >
               <input
                   type="checkbox"
                   className="switch-input"
                   onChange={() => handleSwitch(!IsActive)}
-                  checked={IsActive}
+                  value={IsActive}
-                  style={{
-                    transform: "scale(0.8)", // smaller toggle
-                  }}
                 />
-                <span
+                <input type="checkbox" className="switch-input" />
-                  className="switch-toggle-slider"
+                <span className="switch-toggle-slider">
-                  style={{
-                    width: "30px",    // narrower slider
-                    height: "15px",   // shorter slider
-                  }}
-                >
                   <span className="switch-on"></span>
                   <span className="switch-off"></span>
                 </span>
-                <span
+                <span className="switch-label">Include Deleted Notes</span>
-                  className="switch-label"
-                  style={{
-                    fontSize: "14px", // smaller label text
-                    marginLeft: "-14px"
-                  }}
-                >
-                  Include Deleted Notes
-                </span>
               </label>
 
               {!showEditor && (