diff --git a/packages/builder/package.json b/packages/builder/package.json
index 5d06fee71d..086d22382a 100644
--- a/packages/builder/package.json
+++ b/packages/builder/package.json
@@ -79,8 +79,7 @@
     "rollup-plugin-svelte": "^5.0.3",
     "rollup-plugin-terser": "^4.0.4",
     "rollup-plugin-url": "^2.2.2",
-    "svelte": "^3.0.0",
-    "svelte-color-picker": "^1.0.7"
+    "svelte": "^3.0.0"
   },
   "gitHead": "115189f72a850bfb52b65ec61d932531bf327072"
-}
\ No newline at end of file
+}
diff --git a/packages/builder/src/components/common/Colorpicker.svelte b/packages/builder/src/components/common/Colorpicker.svelte
index 0b52cebe5f..8cff0e24bd 100644
--- a/packages/builder/src/components/common/Colorpicker.svelte
+++ b/packages/builder/src/components/common/Colorpicker.svelte
@@ -1,6 +1,6 @@
 <script>
   import { onMount } from "svelte"
-  import { HsvPicker } from "svelte-color-picker"
+  // import { HsvPicker } from "svelte-color-picker"
 
   // export let initialValue = "#ffffff"
   export let onChange = color => {}
@@ -68,7 +68,7 @@
 <div class="colorpicker" {style}>
   <div class="overlay" on:click|self={() => toggleColorpicker(false)} />
   <div class="cp" style={pickerStyle}>
-    <HsvPicker on:colorChange={onColourChange} startColor={value} />
+    <!-- <HsvPicker on:colorChange={onColourChange} startColor={value} /> -->
   </div>
 </div>
 <!--