fixed faq rounded borders

AdvisorySG · Jan 1, 2025 · 447019b · 447019b
1 parent 5e75270
commit 447019b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
@@ -258,16 +258,24 @@ const APPLICATION_QUESTIONS: QNA[] = [
   },
 ];
 
-const StyledAccordion = styled(Accordion)(() => {
-  return {
-    border: `1px solid var(--brand-color)`,
+const StyledAccordion = styled(Accordion)(() => ({
+  border: `1px solid var(--brand-color)`,
+  marginBottom: `10px`,
+  borderRadius: `8px`,
+  overflow: "hidden",
+  "&:not(:last-of-type)": {
     marginBottom: `10px`,
-    ".MuiAccordionDetails-root": {},
-    ".MuiAccordionSummary-content": {
-      marginBottom: `0px`,
-    },
-  };
-});
+    borderRadius: `8px`,
+  },
+  "&:last-of-type": {
+    marginBottom: `10px`,
+    borderRadius: `8px`,
+  },
+  ".MuiAccordionDetails-root": {},
+  ".MuiAccordionSummary-content": {
+    marginBottom: `0px`,
+  },
+}));
 
 const StyledQNA = ({
   qna: { question, answer },