From 250b1f2eac2e0c22dfdde8fa3a4f959a3cc0c9f4 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@scandichotels.com>
Date: Wed, 26 Nov 2025 07:40:28 +0000
Subject: [PATCH] fix(BOOK-437): Fixed icon color of the check icon in lists
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Approved-by: Bianca Widstam
Approved-by: Matilda Landström
---
 .../JsonToHtml/jsontohtml.module.css          | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
index bc0cec1c7..c08bbdd4c 100644
--- a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
+++ b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
@@ -81,27 +81,25 @@
   margin-left: 0;
   display: flex;
   gap: var(--Space-x1);
-}
 
-.heart > .li::before,
-.li:has(.heart)::before,
-.check > .li::before,
-.li:has(.check)::before {
-  content: '';
-  position: relative;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  display: inline-flex;
-  flex-shrink: 0;
-  background-color: var(--Icon-Accent);
-  mask-size: contain;
-  mask-repeat: no-repeat;
+  &::before {
+    content: '';
+    position: relative;
+    top: 3px;
+    width: 16px;
+    height: 16px;
+    display: inline-flex;
+    flex-shrink: 0;
+    background-color: var(--Icon-Accent);
+    mask-size: contain;
+    mask-repeat: no-repeat;
+  }
 }
 
 .check > .li::before,
 .li:has(.check)::before {
   mask-image: url('/_static/icons/check_circle.svg');
+  background-color: var(--Icon-Interactive-Default);
 }
 
 .heart > .li::before,