diff --git a/website/src/components/TOS/ChapterCard.tsx b/website/src/components/PolicyCards/PolicyChapterCard.tsx
similarity index 91%
rename from website/src/components/TOS/ChapterCard.tsx
rename to website/src/components/PolicyCards/PolicyChapterCard.tsx
index 799e02cc..91e6202e 100644
--- a/website/src/components/TOS/ChapterCard.tsx
+++ b/website/src/components/PolicyCards/PolicyChapterCard.tsx
@@ -11,7 +11,7 @@ export interface ChapterProps {
   children: React.ReactNode;
 }
 
-export const ChapterCard = ({ chapter, children }: ChapterProps) => {
+export const PolicyChapterCard = ({ chapter, children }: ChapterProps) => {
   const backgroundColor = useColorModeValue("gray.100", "gray.800");
 
   return (
diff --git a/website/src/components/TOS/SectionCard.tsx b/website/src/components/PolicyCards/PolicySectionCard.tsx
similarity index 91%
rename from website/src/components/TOS/SectionCard.tsx
rename to website/src/components/PolicyCards/PolicySectionCard.tsx
index a7551f51..814f9548 100644
--- a/website/src/components/TOS/SectionCard.tsx
+++ b/website/src/components/PolicyCards/PolicySectionCard.tsx
@@ -10,7 +10,7 @@ export interface SectionProps {
   section: SectionInfo;
 }
 
-export const SectionCard = ({ section }: SectionProps) => {
+export const PolicySectionCard = ({ section }: SectionProps) => {
   const backgroundColor = useColorModeValue("gray.200", "gray.700");
 
   return (
diff --git a/website/src/pages/privacy-policy.tsx b/website/src/pages/privacy-policy.tsx
index 8693efe9..cac820fb 100644
--- a/website/src/pages/privacy-policy.tsx
+++ b/website/src/pages/privacy-policy.tsx
@@ -1,8 +1,8 @@
 import { Box, Heading, Link, Stack, Text, useColorModeValue } from "@chakra-ui/react";
 import Head from "next/head";
 import { getTransparentHeaderLayout } from "src/components/Layout";
-import { ChapterCard } from "src/components/TOS/ChapterCard";
-import { SectionCard } from "src/components/TOS/SectionCard";
+import { PolicyChapterCard } from "src/components/PolicyCards/PolicyChapterCard";
+import { PolicySectionCard } from "src/components/PolicyCards/PolicySectionCard";
 
 const PrivacyPolicy = () => {
   const backgroundColor = useColorModeValue("gray.100", "gray.800");
@@ -193,13 +193,13 @@ const PrivacyPolicy = () => {
 
           <Stack spacing="8">
             {PrivacyPolicyData.map((chapter, chapterIndex) => (
-              <ChapterCard key={chapterIndex} chapter={chapter}>
+              <PolicyChapterCard key={chapterIndex} chapter={chapter}>
                 {chapter.sections && chapter.sections.length
                   ? chapter.sections.map((section, sectionIndex) => (
-                      <SectionCard key={sectionIndex} section={section} />
+                      <PolicySectionCard key={sectionIndex} section={section} />
                     ))
                   : ""}
-              </ChapterCard>
+              </PolicyChapterCard>
             ))}
           </Stack>
 
diff --git a/website/src/pages/terms-of-service.tsx b/website/src/pages/terms-of-service.tsx
index c1ae8035..f58a9084 100644
--- a/website/src/pages/terms-of-service.tsx
+++ b/website/src/pages/terms-of-service.tsx
@@ -1,8 +1,8 @@
 import { Box, Heading, Stack } from "@chakra-ui/react";
 import Head from "next/head";
 import { getTransparentHeaderLayout } from "src/components/Layout";
-import { ChapterCard } from "src/components/TOS/ChapterCard";
-import { SectionCard } from "src/components/TOS/SectionCard";
+import { PolicyChapterCard } from "src/components/PolicyCards/PolicyChapterCard";
+import { PolicySectionCard } from "src/components/PolicyCards/PolicySectionCard";
 
 const TermsOfService = () => {
   const TermsData = [
@@ -173,11 +173,13 @@ const TermsOfService = () => {
 
         <Stack spacing="8">
           {TermsData.map((chapter, chapterIndex) => (
-            <ChapterCard key={chapterIndex} chapter={chapter}>
+            <PolicyChapterCard key={chapterIndex} chapter={chapter}>
               {chapter.sections && chapter.sections.length
-                ? chapter.sections.map((section, sectionIndex) => <SectionCard key={sectionIndex} section={section} />)
+                ? chapter.sections.map((section, sectionIndex) => (
+                    <PolicySectionCard key={sectionIndex} section={section} />
+                  ))
                 : ""}
-            </ChapterCard>
+            </PolicyChapterCard>
           ))}
         </Stack>
       </Box>