diff --git a/_pages/profile/[id]/submission-details-accordion.js b/_pages/profile/[id]/submission-details-accordion.js
new file mode 100644
index 00000000..fb7d8c5e
--- /dev/null
+++ b/_pages/profile/[id]/submission-details-accordion.js
@@ -0,0 +1,27 @@
+import {
+  Accordion,
+  AccordionItem,
+  AccordionItemHeading,
+  AccordionItemPanel,
+} from "@kleros/components";
+
+function SubmissionDetailsAccordionItem({ heading, panel }) {
+  return (
+    <AccordionItem>
+      <AccordionItemHeading>{heading}</AccordionItemHeading>
+      <AccordionItemPanel>{panel}</AccordionItemPanel>
+    </AccordionItem>
+  );
+}
+export default function SubmissionDetailsAccordion() {
+  return (
+    <Accordion>
+      <SubmissionDetailsAccordionItem heading="Evidence" panel="Evidence" />
+      <SubmissionDetailsAccordionItem
+        heading="Voting History"
+        panel="Voting History"
+      />
+      <SubmissionDetailsAccordionItem heading="Appeal" panel="Appeal" />
+    </Accordion>
+  );
+}
diff --git a/_pages/profile/[id]/submission-details-accordion/appeal-accordion-item.js b/_pages/profile/[id]/submission-details-accordion/appeal-accordion-item.js
deleted file mode 100644
index bf50b6bf..00000000
--- a/_pages/profile/[id]/submission-details-accordion/appeal-accordion-item.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import {
-  AccordionItem,
-  AccordionItemHeading,
-  AccordionItemPanel,
-  Text,
-} from "@kleros/components";
-
-export default function AppealAccordionItem() {
-  return (
-    <AccordionItem>
-      <AccordionItemHeading>Appeal</AccordionItemHeading>
-      <AccordionItemPanel>
-        <Text>Appeal.</Text>
-      </AccordionItemPanel>
-    </AccordionItem>
-  );
-}
diff --git a/_pages/profile/[id]/submission-details-accordion/evidence-accordion-item.js b/_pages/profile/[id]/submission-details-accordion/evidence-accordion-item.js
deleted file mode 100644
index 593ed12d..00000000
--- a/_pages/profile/[id]/submission-details-accordion/evidence-accordion-item.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import {
-  AccordionItem,
-  AccordionItemHeading,
-  AccordionItemPanel,
-  Text,
-} from "@kleros/components";
-
-export default function EvidenceAccordionItem() {
-  return (
-    <AccordionItem>
-      <AccordionItemHeading>Evidence</AccordionItemHeading>
-      <AccordionItemPanel>
-        <Text>Evidence.</Text>
-      </AccordionItemPanel>
-    </AccordionItem>
-  );
-}
diff --git a/_pages/profile/[id]/submission-details-accordion/index.js b/_pages/profile/[id]/submission-details-accordion/index.js
deleted file mode 100644
index fbc3c93c..00000000
--- a/_pages/profile/[id]/submission-details-accordion/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Accordion } from "@kleros/components";
-
-import AppealAccordionItem from "./appeal-accordion-item";
-import EvidenceAccordionItem from "./evidence-accordion-item";
-import VotingHistoryAccordionItem from "./voting-history-accordion-item";
-
-export default function SubmissionDetailsAccordion() {
-  return (
-    <Accordion>
-      <AppealAccordionItem />
-      <EvidenceAccordionItem />
-      <VotingHistoryAccordionItem />
-    </Accordion>
-  );
-}
diff --git a/_pages/profile/[id]/submission-details-accordion/voting-history-accordion-item.js b/_pages/profile/[id]/submission-details-accordion/voting-history-accordion-item.js
deleted file mode 100644
index 3f94f7f5..00000000
--- a/_pages/profile/[id]/submission-details-accordion/voting-history-accordion-item.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import {
-  AccordionItem,
-  AccordionItemHeading,
-  AccordionItemPanel,
-  Text,
-} from "@kleros/components";
-
-export default function VotingHistoryAccordionItem() {
-  return (
-    <AccordionItem>
-      <AccordionItemHeading>Voting History</AccordionItemHeading>
-      <AccordionItemPanel>
-        <Text>Voting History.</Text>
-      </AccordionItemPanel>
-    </AccordionItem>
-  );
-}