diff --git a/packages/features/package.json b/packages/features/package.json
index ed6c6c00..6dff473e 100644
--- a/packages/features/package.json
+++ b/packages/features/package.json
@@ -69,7 +69,6 @@
     "react-twc": "1.4.1",
     "recharts": "2.12.7",
     "sonner": "1.5.0",
-    "sugar-high": "0.7.0",
     "superjson": "2.2.1",
     "tailwind-merge": "2.4.0",
     "tailwindcss-animate": "1.0.7",
diff --git a/packages/features/src/globals.css b/packages/features/src/globals.css
index 0bfa442c..04955d8d 100644
--- a/packages/features/src/globals.css
+++ b/packages/features/src/globals.css
@@ -3,33 +3,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/**
- * Types that sugar-high have:
- *
- * identifier
- * keyword
- * string
- * Class, number and null
- * property
- * entity
- * jsx literals
- * sign
- * comment
- * break
- * space
- */
-:root {
-    --sh-class: #9ccfd8;
-    --sh-identifier: #e0def4;
-    --sh-sign: #e0def4;
-    --sh-property: #908caa;
-    --sh-entity: #ebbcba;
-    --sh-jsxliterals: #9ccfd8;
-    --sh-string: #908caa;
-    --sh-keyword: #908caa;
-    --sh-comment: #908caa;
-}
-
 :base {
     --mint: #a3dbe4;
 }
diff --git a/packages/features/src/web-connector/routes/web-connector.tsx b/packages/features/src/web-connector/routes/web-connector.tsx
index aea8cb2d..c3bffd55 100644
--- a/packages/features/src/web-connector/routes/web-connector.tsx
+++ b/packages/features/src/web-connector/routes/web-connector.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react"
 import type { SubmitHandler } from "react-hook-form"
 import { MemoryRouter } from "react-router-dom"
-import { highlight } from "sugar-high"
 import { runtime, windows } from "webextension-polyfill"
 import xss from "xss"
 import yaml from "yaml"
@@ -11,7 +10,7 @@ import { WebConnectorView } from "../views/web-connector"
 const sanitizePayload = async (payload: string) => {
   const parsedPayload = JSON.parse(payload) as Record<string, any>
   const yamlPayload = yaml.stringify(parsedPayload)
-  return highlight(xss(yamlPayload))
+  return xss(yamlPayload)
 }
 
 type ActionRequest = {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 39737de1..8856539a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -320,9 +320,6 @@ importers:
       sonner:
         specifier: 1.5.0
         version: 1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      sugar-high:
-        specifier: 0.7.0
-        version: 0.7.0
       superjson:
         specifier: 2.2.1
         version: 2.2.1
@@ -6870,9 +6867,6 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
-  sugar-high@0.7.0:
-    resolution: {integrity: sha512-YLiKnecbREzIW8pML5X0l7osEYBgTrQI29BB7wjIoDOpZ6F7dAkbY7PoI5BNBN7hWio+3pn6+emaNLPkJbmB8A==}
-
   superjson@2.2.1:
     resolution: {integrity: sha512-8iGv75BYOa0xRJHK5vRLEjE2H/i4lulTjzpUXic3Eg8akftYjkmQDa8JARQ42rlczXyFR3IeRoeFCc7RxHsYZA==}
     engines: {node: '>=16'}
@@ -14650,8 +14644,6 @@ snapshots:
       pirates: 4.0.6
       ts-interface-checker: 0.1.13
 
-  sugar-high@0.7.0: {}
-
   superjson@2.2.1:
     dependencies:
       copy-anything: 3.0.5