diff --git a/CommonUI/src/Components/Accordian/Accordian.tsx b/CommonUI/src/Components/Accordion/Accordion.tsx
similarity index 98%
rename from CommonUI/src/Components/Accordian/Accordian.tsx
rename to CommonUI/src/Components/Accordion/Accordion.tsx
index a6444d94f5..af6036860d 100644
--- a/CommonUI/src/Components/Accordian/Accordian.tsx
+++ b/CommonUI/src/Components/Accordion/Accordion.tsx
@@ -20,7 +20,7 @@ export interface ComponentProps {
     isInitiallyExpanded?: boolean | undefined;
 }
 
-const Accordian: FunctionComponent<ComponentProps> = (
+const Accordion: FunctionComponent<ComponentProps> = (
     props: ComponentProps
 ): ReactElement => {
     const [isOpen, setIsOpen] = useState<boolean>(false);
@@ -117,4 +117,4 @@ const Accordian: FunctionComponent<ComponentProps> = (
     );
 };
 
-export default Accordian;
+export default Accordion;
diff --git a/CommonUI/src/Components/Accordian/AccordianGroup.tsx b/CommonUI/src/Components/Accordion/AccordionGroup.tsx
similarity index 75%
rename from CommonUI/src/Components/Accordian/AccordianGroup.tsx
rename to CommonUI/src/Components/Accordion/AccordionGroup.tsx
index 6d6fd8f3cd..6e8d629f35 100644
--- a/CommonUI/src/Components/Accordian/AccordianGroup.tsx
+++ b/CommonUI/src/Components/Accordion/AccordionGroup.tsx
@@ -4,10 +4,10 @@ export interface ComponentProps {
     children: Array<ReactElement> | ReactElement;
 }
 
-const AccordianGroup: FunctionComponent<ComponentProps> = (
+const AccordionGroup: FunctionComponent<ComponentProps> = (
     props: ComponentProps
 ): ReactElement => {
     return <div className="row accordian-group">{props.children}</div>;
 };
 
-export default AccordianGroup;
+export default AccordionGroup;
diff --git a/StatusPage/src/Pages/Overview/Overview.tsx b/StatusPage/src/Pages/Overview/Overview.tsx
index b851467ef0..e43a0bd1ea 100644
--- a/StatusPage/src/Pages/Overview/Overview.tsx
+++ b/StatusPage/src/Pages/Overview/Overview.tsx
@@ -6,8 +6,8 @@ import React, {
 } from 'react';
 import PageComponentProps from '../PageComponentProps';
 import Page from '../../Components/Page/Page';
-import Accordian from 'CommonUI/src/Components/Accordian/Accordian';
-import AccordianGroup from 'CommonUI/src/Components/Accordian/AccordianGroup';
+import Accordion from 'CommonUI/src/Components/Accordion/Accordion';
+import AccordionGroup from 'CommonUI/src/Components/Accordion/AccordionGroup';
 import Alert from 'CommonUI/src/Components/Alerts/Alert';
 import URL from 'Common/Types/API/URL';
 import PageLoader from 'CommonUI/src/Components/Loader/PageLoader';
@@ -477,7 +477,7 @@ const Overview: FunctionComponent<PageComponentProps> = (
             return groups;
         };
 
-    const getRightAccordianElement: Function = (
+    const getRightAccordionElement: Function = (
         group: StatusPageGroup
     ): ReactElement => {
         let currentStatus: MonitorStatus = new MonitorStatus();
@@ -634,13 +634,13 @@ const Overview: FunctionComponent<PageComponentProps> = (
 
                     {statusPageResources.length > 0 && (
                         <div className="bg-white pl-5 pr-5 mt-5 rounded-xl shadow space-y-5">
-                            <AccordianGroup>
+                            <AccordionGroup>
                                 {statusPageResources.filter(
                                     (resources: StatusPageResource) => {
                                         return !resources.statusPageGroupId;
                                     }
                                 ).length > 0 ? (
-                                    <Accordian
+                                    <Accordion
                                         key={Math.random()}
                                         title={undefined}
                                         isLastElement={
@@ -648,7 +648,7 @@ const Overview: FunctionComponent<PageComponentProps> = (
                                         }
                                     >
                                         {getMonitorOverviewListInGroup(null)}
-                                    </Accordian>
+                                    </Accordion>
                                 ) : (
                                     <></>
                                 )}
@@ -665,9 +665,9 @@ const Overview: FunctionComponent<PageComponentProps> = (
                                                 i: number
                                             ) => {
                                                 return (
-                                                    <Accordian
+                                                    <Accordion
                                                         key={i}
-                                                        rightElement={getRightAccordianElement(
+                                                        rightElement={getRightAccordionElement(
                                                             resourceGroup
                                                         )}
                                                         isInitiallyExpanded={
@@ -688,12 +688,12 @@ const Overview: FunctionComponent<PageComponentProps> = (
                                                         {getMonitorOverviewListInGroup(
                                                             resourceGroup
                                                         )}
-                                                    </Accordian>
+                                                    </Accordion>
                                                 );
                                             }
                                         )}
                                 </div>
-                            </AccordianGroup>
+                            </AccordionGroup>
                         </div>
                     )}