From cf8e6a3fc3569acf67b1fbd0fcbdfec5fc25d68b Mon Sep 17 00:00:00 2001
From: Andrew Wiggin <35448790+ooozo@users.noreply.github.com>
Date: Wed, 14 Jan 2026 17:12:54 -0500
Subject: [PATCH] Disable code snippet ligatures

---
 apps/web/src/components/Builders/Shared/CodeSnippet.tsx | 2 +-
 apps/web/tailwind.config.js                             | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/Builders/Shared/CodeSnippet.tsx b/apps/web/src/components/Builders/Shared/CodeSnippet.tsx
index 73f5958adf5..b9fa009f313 100644
--- a/apps/web/src/components/Builders/Shared/CodeSnippet.tsx
+++ b/apps/web/src/components/Builders/Shared/CodeSnippet.tsx
@@ -51,7 +51,7 @@ export function CodeSnippet({ code }: { code: string }) {
 
   return (
     <div
-      className="code-snippet h-full overflow-auto rounded-lg transition-colors"
+      className="code-snippet h-full overflow-auto rounded-lg transition-colors ligatures-none"
       // eslint-disable-next-line react/no-danger -- necessary for shiki
       dangerouslySetInnerHTML={htmlContent}
     />
diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.js
index b02eb160670..aada3e82a44 100644
--- a/apps/web/tailwind.config.js
+++ b/apps/web/tailwind.config.js
@@ -667,6 +667,9 @@ module.exports = {
         '.scrollbar-gutter-stable': {
           'scrollbar-gutter': 'stable',
         },
+        '.ligatures-none': {
+          'font-variant-ligatures': 'none',
+        },
       });
     },
   ],