diff --git a/packages/ui-default/components/editor/index.ts b/packages/ui-default/components/editor/index.ts
index 408f6d93..655cba32 100644
--- a/packages/ui-default/components/editor/index.ts
+++ b/packages/ui-default/components/editor/index.ts
@@ -98,6 +98,9 @@ export default class Editor extends DOMAttachedObject {
       overviewRulerLanes: 0,
       overviewRulerBorder: false,
       fontFamily: UserContext.codeFontFamily,
+      unicodeHighlight: {
+        ambiguousCharacters: language !== 'markdown',
+      },
     };
     if (autoLayout) cfg.automaticLayout = true;
     let prevHeight = 0;
diff --git a/packages/ui-default/utils/mediaQuery.js b/packages/ui-default/utils/mediaQuery.ts
similarity index 81%
rename from packages/ui-default/utils/mediaQuery.js
rename to packages/ui-default/utils/mediaQuery.ts
index 9ebdcfae..73481766 100644
--- a/packages/ui-default/utils/mediaQuery.js
+++ b/packages/ui-default/utils/mediaQuery.ts
@@ -12,5 +12,4 @@ export function isBelow(width) {
   return window.innerWidth <= width;
 }
 
-window.Hydro.utils.isAbove = isAbove;
-window.Hydro.utils.isBelow = isBelow;
+Object.assign(window.Hydro.utils, { isAbove, isBelow });