From 2c8c90776ae1782e18d779c95cfef4cc2a35d85d Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <dmytropostolov@gmail.com>
Date: Sun, 28 May 2023 00:02:32 +0200
Subject: [PATCH] remove confusing ligatures, set `font-variant-ligatures:
 none`

---
 .changeset/red-apples-breathe.md           | 5 +++++
 packages/graphiql-react/src/style/root.css | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/red-apples-breathe.md

diff --git a/.changeset/red-apples-breathe.md b/.changeset/red-apples-breathe.md
new file mode 100644
index 00000000000..cc5f37b292f
--- /dev/null
+++ b/.changeset/red-apples-breathe.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+remove confusing ligatures, set `font-variant-ligatures: none`
diff --git a/packages/graphiql-react/src/style/root.css b/packages/graphiql-react/src/style/root.css
index 6e98210c2ad..764fa9988d8 100644
--- a/packages/graphiql-react/src/style/root.css
+++ b/packages/graphiql-react/src/style/root.css
@@ -1,6 +1,7 @@
 /* a very simple box-model reset, intentionally does not include pseudo elements */
 .graphiql-container * {
   box-sizing: border-box;
+  font-variant-ligatures: none;
 }
 
 .graphiql-container,