diff --git a/res/css/common/_TchapLeftPanel.pcss b/res/css/common/_TchapLeftPanel.pcss
index 91ca40073f..19fdc011b1 100644
--- a/res/css/common/_TchapLeftPanel.pcss
+++ b/res/css/common/_TchapLeftPanel.pcss
@@ -14,7 +14,9 @@
 
 .tc_sidebar_quick_faq {
     color: var(--sidebar-button-color); 
+    
     &::before {
+        mask-image: url("@vector-im/compound-design-tokens/icons/help-solid.svg") !important;
         background: var(--sidebar-button-color);
     }
 }
\ No newline at end of file
diff --git a/src/tchap/components/views/common/QuickFaq.tsx b/src/tchap/components/views/common/QuickFaq.tsx
index 2c962c3c33..cd1b783f9d 100644
--- a/src/tchap/components/views/common/QuickFaq.tsx
+++ b/src/tchap/components/views/common/QuickFaq.tsx
@@ -54,7 +54,7 @@ const QuickFaqButton: React.FC<{
     return (
         <>
             <AccessibleButton
-                className={classNames(["mx_QuickSettingsButton", { expanded: !isPanelCollapsed }, "mx_UserSettingsDialog_helpIcon", "tc_sidebar_quick_faq"])}
+                className={classNames(["mx_QuickSettingsButton", { expanded: !isPanelCollapsed }, "tc_sidebar_quick_faq"])}
                 onClick={openMenu}
                 aria-label={_t("common|help")}
                 title={isPanelCollapsed ? _t("common|help") : undefined}