diff --git a/packages/ui/src/lib/inputs/InputColor.svelte b/packages/ui/src/lib/inputs/InputColor.svelte
index 40ca507..4b39d54 100644
--- a/packages/ui/src/lib/inputs/InputColor.svelte
+++ b/packages/ui/src/lib/inputs/InputColor.svelte
@@ -13,16 +13,6 @@
     `#${value.map((c) => c.toString(16).padStart(2, '0')).join('')}`
   );
 
-  let rValue = $state(value[0]);
-  let gValue = $state(value[1]);
-  let bValue = $state(value[2]);
-
-  $effect(() => {
-    rValue = value[0];
-    gValue = value[1];
-    bValue = value[2];
-  });
-
   function handleHexInput(e: Event) {
     const target = e.target as HTMLInputElement;
     let val = target.value.replace(/[^0-9a-fA-F]/g, '');
@@ -41,12 +31,6 @@
       ] as [number, number, number];
     }
   }
-
-  function handleHexBlur() {
-    rValue = value[0];
-    gValue = value[1];
-    bValue = value[2];
-  }
 </script>
 
 <div class="flex overflow-hidden rounded-sm border border-outline bg-layer-2 w-min">
@@ -69,7 +53,6 @@
       value={hexValue.slice(1)}
       {id}
       oninput={handleHexInput}
-      onblur={handleHexBlur}
       maxlength={6}
       class="w-15 bg-transparent text-text outline-none"
     />
diff --git a/packages/ui/src/routes/Theme.svelte b/packages/ui/src/routes/Theme.svelte
index b836a18..f6f9579 100644
--- a/packages/ui/src/routes/Theme.svelte
+++ b/packages/ui/src/routes/Theme.svelte
@@ -52,6 +52,7 @@
 </script>
 
 <svelte:head>
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -->
   {@html themeCss}
 </svelte:head>