From ecd731ce768650048ece811a9d199caa3d94a020 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Sat, 2 Oct 2021 02:28:37 +1000
Subject: [PATCH] round checkbox icons

---
 src/theme/CheckboxIcon.tsx              |  2 ++
 src/theme/CheckboxIndeterminateIcon.tsx | 10 +++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/theme/CheckboxIcon.tsx b/src/theme/CheckboxIcon.tsx
index a4ac0b1e..d72728ff 100644
--- a/src/theme/CheckboxIcon.tsx
+++ b/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"
diff --git a/src/theme/CheckboxIndeterminateIcon.tsx b/src/theme/CheckboxIndeterminateIcon.tsx
index 8313c8c6..0cf4d9f1 100644
--- a/src/theme/CheckboxIndeterminateIcon.tsx
+++ b/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>
   );