From 13d7ada77aa9484a79094dbe3618c9a7b53a56c9 Mon Sep 17 00:00:00 2001
From: yleclercq-pass <62058919+yleclercq-pass@users.noreply.github.com>
Date: Wed, 8 Jan 2025 15:42:33 +0100
Subject: [PATCH] (PC-33849) refacto(BulletListItem): adapt with new typo body
 from DS

---
 src/ui/components/BulletListItem.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/ui/components/BulletListItem.tsx b/src/ui/components/BulletListItem.tsx
index d27b824b909..610a3b3ac26 100644
--- a/src/ui/components/BulletListItem.tsx
+++ b/src/ui/components/BulletListItem.tsx
@@ -5,6 +5,7 @@ import { Li } from 'ui/components/Li'
 import { VerticalUl } from 'ui/components/Ul'
 import { Dot } from 'ui/svg/icons/Dot'
 import { getSpacing, TypoDS } from 'ui/theme'
+import { REM_TO_PX } from 'ui/theme/constants'
 
 // Use with Ul or VerticalUl to be accessible in web
 export const BulletListItem: React.FC<{
@@ -70,7 +71,9 @@ const NestedBullet = styled(Dot).attrs(({ theme }) => ({
 }))``
 
 const BulletContainer = styled.View(({ theme }) => ({
-  height: theme.designSystem.typography.body.lineHeight,
+  height: theme.isDesktopViewport
+    ? parseFloat(theme.designSystem.typography.body.lineHeight) * REM_TO_PX
+    : parseFloat(theme.designSystem.typography.body.lineHeight),
   justifyContent: 'center',
 }))