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',
+        },
       });
     },
   ],