From 0b2cc42179c888baabdf1734fdad1528c8884d8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Obermu=CC=88ller?= <thomas.obermueller@gmail.com>
Date: Wed, 20 Dec 2023 16:17:49 +0100
Subject: [PATCH] fix(insights): small tweaks for advanced options in 3000

---
 .../src/queries/nodes/InsightViz/InsightDisplayConfig.tsx     | 2 +-
 .../src/scenes/insights/EditorFilters/ShowLegendFilter.tsx    | 2 +-
 frontend/src/styles/utilities.scss                            | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/queries/nodes/InsightViz/InsightDisplayConfig.tsx b/frontend/src/queries/nodes/InsightViz/InsightDisplayConfig.tsx
index b98757af47523..9a408b4e4fb39 100644
--- a/frontend/src/queries/nodes/InsightViz/InsightDisplayConfig.tsx
+++ b/frontend/src/queries/nodes/InsightViz/InsightDisplayConfig.tsx
@@ -159,7 +159,7 @@ export function InsightDisplayConfig(): JSX.Element {
                 {advancedOptions.length > 0 && (
                     <LemonMenu items={advancedOptions} closeOnClickInside={false}>
                         <LemonButton size="small" status="stealth">
-                            <span className="font-medium whitespace-nowrap">
+                            <span className="font-medium whitespace-nowrap ligatures-none">
                                 Options{advancedOptionsCount ? ` (${advancedOptionsCount})` : null}
                             </span>
                         </LemonButton>
diff --git a/frontend/src/scenes/insights/EditorFilters/ShowLegendFilter.tsx b/frontend/src/scenes/insights/EditorFilters/ShowLegendFilter.tsx
index b6ae3a2a978fe..4f6157bdab514 100644
--- a/frontend/src/scenes/insights/EditorFilters/ShowLegendFilter.tsx
+++ b/frontend/src/scenes/insights/EditorFilters/ShowLegendFilter.tsx
@@ -18,7 +18,7 @@ export function ShowLegendFilter(): JSX.Element | null {
             className="p-1 px-2"
             onChange={toggleShowLegend}
             checked={!!showLegend}
-            label={<span className="font-normal">{showLegend ? 'Hide' : 'Show'} legend</span>}
+            label={<span className="font-normal">Show legend</span>}
             size="small"
         />
     )
diff --git a/frontend/src/styles/utilities.scss b/frontend/src/styles/utilities.scss
index 705c3a4942589..122325085e8e8 100644
--- a/frontend/src/styles/utilities.scss
+++ b/frontend/src/styles/utilities.scss
@@ -1140,6 +1140,10 @@ $decorations: underline, overline, line-through, no-underline;
     font-family: var(--font-mono);
 }
 
+.ligatures-none {
+    font-variant-ligatures: none;
+}
+
 .opacity-0 {
     opacity: 0;
 }