From bea7a5955ec40f9908321d7a6c4a95716b3c42e7 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 3 Nov 2021 11:02:59 +0000
Subject: [PATCH] Fix spectrum bug with larger checkboxes

---
 packages/bbui/src/Form/Core/Checkbox.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/bbui/src/Form/Core/Checkbox.svelte b/packages/bbui/src/Form/Core/Checkbox.svelte
index ca3cef383f..4290984331 100644
--- a/packages/bbui/src/Form/Core/Checkbox.svelte
+++ b/packages/bbui/src/Form/Core/Checkbox.svelte
@@ -21,6 +21,7 @@
 <label
   class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass}"
   class:is-invalid={!!error}
+  class:checked={value}
 >
   <input
     checked={value}
@@ -50,6 +51,21 @@
 </label>
 
 <style>
+  .spectrum-Checkbox--sizeM .spectrum-Checkbox-checkmark {
+    transform: scale(1);
+    left: 49%;
+    top: 50%;
+  }
+  .spectrum-Checkbox--sizeL .spectrum-Checkbox-checkmark {
+    transform: scale(1.1);
+    left: 55%;
+    top: 55%;
+  }
+  .spectrum-Checkbox--sizeXL .spectrum-Checkbox-checkmark {
+    transform: scale(1.2);
+    left: 60%;
+    top: 60%;
+  }
   .spectrum-Checkbox-input {
     opacity: 0;
   }