From 129d46a34b390b0c2e950a3fada4581d36ced490 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 28 Feb 2024 15:52:22 +0800
Subject: [PATCH] Remove clipping paths

---
 .../elements/icons/HeaderCheckboxIcon.tsx     | 32 ++++++-------------
 1 file changed, 10 insertions(+), 22 deletions(-)

diff --git a/packages/web/components/elements/icons/HeaderCheckboxIcon.tsx b/packages/web/components/elements/icons/HeaderCheckboxIcon.tsx
index f1ec16ad4..158744ab4 100644
--- a/packages/web/components/elements/icons/HeaderCheckboxIcon.tsx
+++ b/packages/web/components/elements/icons/HeaderCheckboxIcon.tsx
@@ -35,7 +35,7 @@ export class HeaderCheckboxUncheckedIcon extends React.Component<IconProps> {
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <g clip-path="url(#clip0_8934_5217)">
+        <g>
           <path
             d="M3.479 4.16667C3.479 3.72464 3.6546 3.30072 3.96716 2.98816C4.27972 2.67559 4.70364 2.5 5.14567 2.5H16.8123C17.2544 2.5 17.6783 2.67559 17.9908 2.98816C18.3034 3.30072 18.479 3.72464 18.479 4.16667V15.8333C18.479 16.2754 18.3034 16.6993 17.9908 17.0118C17.6783 17.3244 17.2544 17.5 16.8123 17.5H5.14567C4.70364 17.5 4.27972 17.3244 3.96716 17.0118C3.6546 16.6993 3.479 16.2754 3.479 15.8333V4.16667Z"
             stroke="white"
@@ -44,16 +44,6 @@ export class HeaderCheckboxUncheckedIcon extends React.Component<IconProps> {
             strokeLinejoin="round"
           />
         </g>
-        <defs>
-          <clipPath id="clip0_8934_5217">
-            <rect
-              width="20"
-              height="20"
-              fill="white"
-              transform="translate(0.979004)"
-            />
-          </clipPath>
-        </defs>
       </svg>
     )
   }
@@ -79,16 +69,14 @@ export class HeaderCheckboxCheckedIcon extends React.Component<IconProps> {
             strokeLinecap="round"
             strokeLinejoin="round"
           />
-          <g clip-path="url(#clip1_8938_4128)">
-            <g clip-path="url(#clip2_8938_4128)">
-              <path
-                d="M7.73877 10.0004L10.0536 12.3152L14.6832 7.68555"
-                stroke="white"
-                strokeWidth="1.5"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              />
-            </g>
+          <g>
+            <path
+              d="M7.73877 10.0004L10.0536 12.3152L14.6832 7.68555"
+              stroke="white"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
           </g>
         </g>
       </svg>
@@ -108,7 +96,7 @@ export class HeaderCheckboxHalfCheckedIcon extends React.Component<IconProps> {
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <g clip-path="url(#clip0_8962_5484)">
+        <g>
           <path
             d="M3.479 4.16667C3.479 3.72464 3.6546 3.30072 3.96716 2.98816C4.27972 2.67559 4.70364 2.5 5.14567 2.5H16.8123C17.2544 2.5 17.6783 2.67559 17.9908 2.98816C18.3034 3.30072 18.479 3.72464 18.479 4.16667V15.8333C18.479 16.2754 18.3034 16.6993 17.9908 17.0118C17.6783 17.3244 17.2544 17.5 16.8123 17.5H5.14567C4.70364 17.5 4.27972 17.3244 3.96716 17.0118C3.6546 16.6993 3.479 16.2754 3.479 15.8333V4.16667Z"
             stroke="white"