diff --git a/package.json b/package.json
index 0b3980672627d95873ea4d94702aafbfa72e1545..4484c8f6ccec779e13fb4e00d22afeaa15d38af1 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,6 @@
     "d3": "^5.15.0",
     "eslint-config-cozy-app": "1.1.12",
     "global": "^4.4.0",
-    "html-to-react": "^1.4.2",
     "lodash": "^4.17.15",
     "luxon": "^1.21.3",
     "moment": "^2.24.0",
diff --git a/src/components/ContentComponents/FAQ/FAQ.tsx b/src/components/ContentComponents/FAQ/FAQ.tsx
index db62e0b3a27c63e5823b495a329b797aefc07119..8e87e7161cff628dd1fb201085c51f070d8c6f78 100644
--- a/src/components/ContentComponents/FAQ/FAQ.tsx
+++ b/src/components/ContentComponents/FAQ/FAQ.tsx
@@ -1,16 +1,13 @@
 import React, { useState } from 'react'
 import GenericExpansionPanel from 'components/CommonKit/ExpansionPanel/StyledSampleExpansionPanel'
-import FAQJSon from '../../../db/FAQ.json'
+import FAQJSon from 'db/FAQ.json'
 
 const formatDetails = (details: Array<string>) => {
-  const HtmlToReactParser = require('html-to-react').Parser
-  const htmlParser = new HtmlToReactParser()
   const formatedDetails: React.ReactNode[] = []
   details.forEach((detail, index) => {
-    const detailParsed = htmlParser.parse(detail)
     formatedDetails.push(
       <div key={index} className="faq-content-detail">
-        {detailParsed}
+        {`${detail}`}
       </div>
     )
   })
diff --git a/src/styles/components/_faq.scss b/src/styles/components/_faq.scss
index c7bc83045f9b5fc649b60b686c8960b18ac31bf9..8ef5d965f4b161a77df35b0ee619954347c6835a 100644
--- a/src/styles/components/_faq.scss
+++ b/src/styles/components/_faq.scss
@@ -19,9 +19,6 @@
       margin-bottom: 1.25rem;
       color: $text-bright;
     }
-    .faq-content-detail {
-      padding-bottom: 1rem;
-    }
   }
 }
 
@@ -62,5 +59,11 @@
     @media #{$large-phone} {
       width: 100%;
     }
+    .faq-content-detail {
+      padding-bottom: 0.4rem;
+      .ul {
+        font-weight: bold;
+      }
+    }
   }
 }