round checkbox icons

src/theme/CheckboxIcon.tsx

@@ -72,6 +72,8 @@ export default function CheckboxIcon() {
       <svg viewBox="0 0 18 18">
         <polyline
           strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
           points="2.705 8.29 7 12.585 15.295 4.29"
           fill="none"
           className="tick"

src/theme/CheckboxIndeterminateIcon.tsx

@@ -70,7 +70,15 @@ export default function CheckboxIndeterminateIcon() {
       }}
     >
       <svg viewBox="0 0 18 18">
-        <line x1="3" y1="9" x2="15" y2="9" strokeWidth="2" className="tick" />
+        <line
+          x1="3"
+          y1="9"
+          x2="15"
+          y2="9"
+          strokeWidth="2"
+          strokeLinecap="round"
+          className="tick"
+        />
       </svg>
     </Box>
   );