fix(faq): adjust width and margins of toggle dropdowns (#787)

Co-authored-by: ykIsCoding <[email protected]>
AdvisorySG · Jan 19, 2025 · d260bb1 · d260bb1
1 parent 5e75270
commit d260bb1
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
@@ -281,13 +281,29 @@ const StyledQNA = ({
       expandIcon={<ExpandMoreIcon />}
       aria-controls="panel1a-content"
       id="panel1a-header"
+      style={{ marginTop: "-12px" }}
     >
-      <Typography>
+      <Typography
+        style={{
+          fontSize: "1.2rem",
+          textAlign: "justify",
+          padding: "1%",
+        }}
+      >
         <b>{question}</b>
       </Typography>
     </AccordionSummary>
-    <AccordionDetails style={{ whiteSpace: "pre-wrap", marginTop: "-20px" }}>
-      {answer}
+    <AccordionDetails style={{ padding: "0px 16px", marginTop: "-20px" }}>
+      <div
+        style={{
+          fontSize: "1.2rem",
+          textAlign: "justify",
+          paddingLeft: "1%",
+          paddingRight: "1%",
+        }}
+      >
+        {answer}
+      </div>
     </AccordionDetails>
   </StyledAccordion>
 );