diff --git a/packages/console/app/src/component/faq.tsx b/packages/console/app/src/component/faq.tsx
index 753a0dce4de..e407339334e 100644
--- a/packages/console/app/src/component/faq.tsx
+++ b/packages/console/app/src/component/faq.tsx
@@ -3,7 +3,7 @@ import { ParentProps } from "solid-js"
 
 export function Faq(props: ParentProps & { question: string }) {
   return (
-    <Collapsible data-slot="faq-item">
+    <Collapsible forceMount data-slot="faq-item">
       <Collapsible.Trigger data-slot="faq-question">
         <svg
           data-slot="faq-icon-plus"
diff --git a/packages/console/app/src/style/component/faq.css b/packages/console/app/src/style/component/faq.css
new file mode 100644
index 00000000000..ac66ade192a
--- /dev/null
+++ b/packages/console/app/src/style/component/faq.css
@@ -0,0 +1,4 @@
+/* Answers stay in the server HTML so they can be read without JavaScript and indexed. */
+[data-slot="faq-answer"][data-closed] {
+  display: none;
+}
diff --git a/packages/console/app/src/style/index.css b/packages/console/app/src/style/index.css
index 832a901e83b..99b71870b8a 100644
--- a/packages/console/app/src/style/index.css
+++ b/packages/console/app/src/style/index.css
@@ -3,6 +3,7 @@
 @import "./token/space.css";
 
 @import "./component/button.css";
+@import "./component/faq.css";
 
 @import "./reset.css";
 @import "./base.css";