From f4c6a66adc715d0aa75d0d01792693fafc4a6d39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Oberm=C3=BCller?= <thomas.obermueller@gmail.com>
Date: Thu, 21 Dec 2023 11:44:41 +0100
Subject: [PATCH] fix(insights): small tweaks for advanced options in 3000
 (#19454)

---
 .../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 b98757af475235..9a408b4e4fb39b 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 b6ae3a2a978fe6..4f6157bdab5148 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 47b1c6e2c5db99..04d595ea549104 100644
--- a/frontend/src/styles/utilities.scss
+++ b/frontend/src/styles/utilities.scss
@@ -1147,6 +1147,10 @@ $decorations: underline, overline, line-through, no-underline;
     font-family: var(--font-mono);
 }
 
+.ligatures-none {
+    font-variant-ligatures: none;
+}
+
 .opacity-0 {
     opacity: 0;
 }