diff --git a/dist/mui/components/accordion/Accordion.js b/dist/mui/components/accordion/Accordion.js
index 2474241d..8443abf8 100644
--- a/dist/mui/components/accordion/Accordion.js
+++ b/dist/mui/components/accordion/Accordion.js
@@ -9,15 +9,15 @@ import { withStyles } from "@mui/styles";
 import React, { useEffect, useState } from "react";
 import IconByName from "../icon/IconByName";
 // deletes header animation in accordion
-const StyledAccordion = withStyles({
-    root: {
-        margin: "0",
-        "&$expanded": {
-            margin: "0",
-        },
-    },
-    expanded: {},
-})(MuiAccordion);
+// const StyledAccordion = withStyles({
+//     root: {
+//         margin: "0",
+//         "&$expanded": {
+//             margin: "0",
+//         },
+//     },
+//     expanded: {},
+// })(MuiAccordion);
 // deletes header animation in accordion
 const AccordionSummary = withStyles({
     root: {
@@ -50,7 +50,7 @@ export default function Accordion({ hideExpandIcon, children, isExpanded, header
             setIsExpanded((prev) => !prev);
         }
     };
-    return (React.createElement(StyledAccordion, { defaultExpanded: isExpanded, expanded: isExpanded_, ...restProps },
+    return (React.createElement(MuiAccordion, { defaultExpanded: isExpanded, expanded: isExpanded_, ...restProps },
         React.createElement(AccordionSummary, { onClick: handleToggleExpanded, "aria-controls": "panel2a-content", expandIcon: !hideExpandIcon && React.createElement(IconByName, { name: "actions.expand" }) }, renderSummary || React.createElement(Typography, { variant: "overline" }, header)),
         React.createElement(Divider, null),
         React.createElement(AccordionDetails, null, children)));
diff --git a/src/mui/components/accordion/Accordion.tsx b/src/mui/components/accordion/Accordion.tsx
index 9f5328e8..f5cbc4e2 100644
--- a/src/mui/components/accordion/Accordion.tsx
+++ b/src/mui/components/accordion/Accordion.tsx
@@ -11,15 +11,15 @@ import React, { SyntheticEvent, useEffect, useState } from "react";
 import IconByName from "../icon/IconByName";
 
 // deletes header animation in accordion
-const StyledAccordion = withStyles({
-    root: {
-        margin: "0",
-        "&$expanded": {
-            margin: "0",
-        },
-    },
-    expanded: {},
-})(MuiAccordion);
+// const StyledAccordion = withStyles({
+//     root: {
+//         margin: "0",
+//         "&$expanded": {
+//             margin: "0",
+//         },
+//     },
+//     expanded: {},
+// })(MuiAccordion);
 
 // deletes header animation in accordion
 const AccordionSummary = withStyles({
@@ -73,7 +73,7 @@ export default function Accordion({
     };
 
     return (
-        <StyledAccordion defaultExpanded={isExpanded} expanded={isExpanded_} {...restProps}>
+        <MuiAccordion defaultExpanded={isExpanded} expanded={isExpanded_} {...restProps}>
             <AccordionSummary
                 onClick={handleToggleExpanded}
                 aria-controls="panel2a-content"
@@ -82,6 +82,6 @@ export default function Accordion({
             </AccordionSummary>
             <Divider />
             <AccordionDetails>{children}</AccordionDetails>
-        </StyledAccordion>
+        </MuiAccordion>
     );
 }