diff --git a/src/app/conf/2025/index.module.css b/src/app/conf/2025/index.module.css
new file mode 100644
index 0000000000..b950c3d318
--- /dev/null
+++ b/src/app/conf/2025/index.module.css
@@ -0,0 +1,6 @@
+.faq {
+  /* Safari specific style - we are using icon for consistency */
+  details summary::-webkit-details-marker {
+    display: none;
+  }
+}
diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index 697e1640cf..e4ba311019 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -11,6 +11,8 @@ import {
   ExternalLink,
   ArrowRight,
 } from "lucide-react"
+import styles from "./index.module.css"
+import clsx from "clsx"
 
 const rubik = Rubik({
   weight: ["700", "600", "500", "400", "300"],
@@ -158,7 +160,7 @@ const FAQS = [
 
 function FAQSection() {
   return (
-    <div className="text-white py-16 px-4 md:px-8">
+    <div id="faq" className={clsx("text-white py-16 px-4 md:px-8", styles.faq)}>
       <div className="max-w-7xl mx-auto grid md:grid-cols-2 gap-12">
         <div>
           <h2 className="text-4xl md:text-5xl font-bold mb-4">
@@ -177,7 +179,7 @@ function FAQSection() {
           </p>
         </div>
 
-        <div className="">
+        <div>
           {FAQS.map((faq, index) => (
             <details
               key={index}