diff --git a/src/channels/ChannelsWithVariantsAvailabilityCard/ChannelWithVariantAvailabilityItemWrapper.tsx b/src/channels/ChannelsWithVariantsAvailabilityCard/ChannelWithVariantAvailabilityItemWrapper.tsx
index 0f9c93444..6c07b60c0 100644
--- a/src/channels/ChannelsWithVariantsAvailabilityCard/ChannelWithVariantAvailabilityItemWrapper.tsx
+++ b/src/channels/ChannelsWithVariantsAvailabilityCard/ChannelWithVariantAvailabilityItemWrapper.tsx
@@ -1,8 +1,4 @@
-import {
-  ExpansionPanel,
-  ExpansionPanelSummary,
-  Typography
-} from "@material-ui/core";
+import { Accordion, AccordionSummary, Typography } from "@material-ui/core";
 import { ChannelData } from "@saleor/channels/utils";
 import { Messages } from "@saleor/components/ChannelsAvailabilityCard/types";
 import IconChevronDown from "@saleor/icons/ChevronDown";
@@ -119,8 +115,8 @@ const ChannelWithVariantsAvailabilityItemWrapper: React.FC<ChannelAvailabilityIt
     : messages.variantCountLabel;
 
   return (
-    <ExpansionPanel classes={expanderClasses}>
-      <ExpansionPanelSummary
+    <Accordion classes={expanderClasses}>
+      <AccordionSummary
         expandIcon={<IconChevronDown />}
         classes={summaryClasses}
       >
@@ -129,9 +125,9 @@ const ChannelWithVariantsAvailabilityItemWrapper: React.FC<ChannelAvailabilityIt
           <Label text={intl.formatMessage(variantsLabel, { variantsCount })} />
           <Label text={commonChannelMessages.availableDateText} />
         </div>
-      </ExpansionPanelSummary>
+      </AccordionSummary>
       {children}
-    </ExpansionPanel>
+    </Accordion>
   );
 };
 
diff --git a/src/channels/components/ChannelsWithVariantsAvailabilityDialog/ChannelsWithVariantsAvailabilityDialogContent.tsx b/src/channels/components/ChannelsWithVariantsAvailabilityDialog/ChannelsWithVariantsAvailabilityDialogContent.tsx
index e5171f61b..79bb51a9d 100644
--- a/src/channels/components/ChannelsWithVariantsAvailabilityDialog/ChannelsWithVariantsAvailabilityDialogContent.tsx
+++ b/src/channels/components/ChannelsWithVariantsAvailabilityDialog/ChannelsWithVariantsAvailabilityDialogContent.tsx
@@ -1,8 +1,8 @@
 import placeholderImage from "@assets/images/placeholder60x60.png";
 import {
+  Accordion,
+  AccordionSummary,
   Divider,
-  ExpansionPanel,
-  ExpansionPanelSummary,
   Typography
 } from "@material-ui/core";
 import { ChannelData } from "@saleor/channels/utils";
@@ -155,12 +155,12 @@ const ChannelsWithVariantsAvailabilityDialogContent: React.FC<ChannelsWithVarian
           placeholderImage;
 
         return (
-          <ExpansionPanel
+          <Accordion
             classes={expanderClasses}
             data-test-id="expand-channel-row"
             key={channelId}
           >
-            <ExpansionPanelSummary
+            <AccordionSummary
               expandIcon={<IconChevronDown />}
               classes={summaryClasses}
             >
@@ -192,7 +192,7 @@ const ChannelsWithVariantsAvailabilityDialogContent: React.FC<ChannelsWithVarian
                 </div>
                 <Divider />
               </div>
-            </ExpansionPanelSummary>
+            </AccordionSummary>
             {allVariants.map(({ id: variantId, name }) => (
               <React.Fragment key={variantId}>
                 <div
@@ -215,7 +215,7 @@ const ChannelsWithVariantsAvailabilityDialogContent: React.FC<ChannelsWithVarian
                 <Divider />
               </React.Fragment>
             ))}
-          </ExpansionPanel>
+          </Accordion>
         );
       })}
     </>
diff --git a/src/channels/components/ShippingZonesCard/ShippingZonesCard.tsx b/src/channels/components/ShippingZonesCard/ShippingZonesCard.tsx
index 090e050f2..eb299b99a 100644
--- a/src/channels/components/ShippingZonesCard/ShippingZonesCard.tsx
+++ b/src/channels/components/ShippingZonesCard/ShippingZonesCard.tsx
@@ -1,8 +1,8 @@
 import {
+  Accordion,
   Card,
   CardContent,
   Divider,
-  ExpansionPanel,
   Typography
 } from "@material-ui/core";
 import CardTitle from "@saleor/components/CardTitle";
@@ -67,7 +67,7 @@ const ShippingZonesCard: React.FC<ShippingZonesCardProps> = props => {
       <CardContent>
         <Typography>{intl.formatMessage(messages.subtitle)}</Typography>
       </CardContent>
-      <ExpansionPanel classes={expanderClasses}>
+      <Accordion classes={expanderClasses}>
         <ShippingZonesListHeader shippingZones={shippingZones} />
         <Divider />
         {shippingZones.map(zone => (
@@ -76,7 +76,7 @@ const ShippingZonesCard: React.FC<ShippingZonesCardProps> = props => {
         {hasMoreZonesToBeSelected ? (
           <ShippingZonesCardListFooter {...props} />
         ) : null}
-      </ExpansionPanel>
+      </Accordion>
     </Card>
   );
 };
diff --git a/src/channels/components/ShippingZonesCard/ShippingZonesListHeader.tsx b/src/channels/components/ShippingZonesCard/ShippingZonesListHeader.tsx
index effe91434..81e49f71b 100644
--- a/src/channels/components/ShippingZonesCard/ShippingZonesListHeader.tsx
+++ b/src/channels/components/ShippingZonesCard/ShippingZonesListHeader.tsx
@@ -1,4 +1,4 @@
-import { ExpansionPanelSummary, Typography } from "@material-ui/core";
+import { AccordionSummary, Typography } from "@material-ui/core";
 import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer";
 import { ChannelShippingZones } from "@saleor/channels/pages/ChannelDetailsPage/types";
 import IconChevronDown from "@saleor/icons/ChevronDown";
@@ -58,13 +58,13 @@ const ShippingZonesListHeader: React.FC<ShippingZonesListHeaderProps> = ({
 
   return (
     <div className={classes.container}>
-      <ExpansionPanelSummary expandIcon={<IconChevronDown />} classes={classes}>
+      <AccordionSummary expandIcon={<IconChevronDown />} classes={classes}>
         <Typography variant="subtitle2" color="textSecondary">
           {intl.formatMessage(messages.title, {
             zonesCount: shippingZones.length
           })}
         </Typography>
-      </ExpansionPanelSummary>
+      </AccordionSummary>
       <HorizontalSpacer spacing={1.5} />
     </div>
   );
diff --git a/src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemWrapper.tsx b/src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemWrapper.tsx
index 74980abe3..f9c9f71da 100644
--- a/src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemWrapper.tsx
+++ b/src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemWrapper.tsx
@@ -1,8 +1,4 @@
-import {
-  ExpansionPanel,
-  ExpansionPanelSummary,
-  Typography
-} from "@material-ui/core";
+import { Accordion, AccordionSummary, Typography } from "@material-ui/core";
 import { ChannelData } from "@saleor/channels/utils";
 import IconChevronDown from "@saleor/icons/ChevronDown";
 import { makeStyles } from "@saleor/macaw-ui";
@@ -76,19 +72,16 @@ const ChannelContentWrapper: React.FC<ChannelContentWrapperProps> = ({
   const { name } = data;
 
   return (
-    <ExpansionPanel
-      classes={expanderClasses}
-      data-test="channel-availability-item"
-    >
-      <ExpansionPanelSummary
+    <Accordion classes={expanderClasses} data-test="channel-availability-item">
+      <AccordionSummary
         expandIcon={<IconChevronDown />}
         classes={summaryClasses}
       >
         <Typography>{name}</Typography>
         <Typography variant="caption">{messages.availableDateText}</Typography>
-      </ExpansionPanelSummary>
+      </AccordionSummary>
       {children}
-    </ExpansionPanel>
+    </Accordion>
   );
 };
 
diff --git a/src/components/Filter/FilterContent/FilterContent.tsx b/src/components/Filter/FilterContent/FilterContent.tsx
index f42d5b97a..f4523b8fb 100644
--- a/src/components/Filter/FilterContent/FilterContent.tsx
+++ b/src/components/Filter/FilterContent/FilterContent.tsx
@@ -1,6 +1,6 @@
 import {
-  ExpansionPanel,
-  ExpansionPanelSummary,
+  Accordion,
+  AccordionSummary,
   makeStyles,
   Paper,
   Typography
@@ -208,14 +208,14 @@ const FilterContent: React.FC<FilterContentProps> = ({
             const currentFilter = getFilterFromCurrentData(filter);
 
             return (
-              <ExpansionPanel
+              <Accordion
                 key={filter.name}
                 classes={expanderClasses}
                 data-test="channel-availability-item"
                 data-test-id={filter.name}
                 expanded={filter.name === openedFilter?.name}
               >
-                <ExpansionPanelSummary
+                <AccordionSummary
                   expandIcon={<IconChevronDown />}
                   classes={summaryClasses}
                   onClick={() => handleFilterOpen(filter)}
@@ -226,7 +226,7 @@ const FilterContent: React.FC<FilterContentProps> = ({
                       handleFilterPropertyGroupChange(action, filter)
                     }
                   />
-                </ExpansionPanelSummary>
+                </AccordionSummary>
                 {currentFilter?.active && (
                   <FilterErrorsList
                     errors={errors?.[filter.name]}
@@ -259,7 +259,7 @@ const FilterContent: React.FC<FilterContentProps> = ({
                     filter={currentFilter}
                   />
                 )}
-              </ExpansionPanel>
+              </Accordion>
             );
           })}
       </form>
diff --git a/src/components/Timeline/TimelineEvent.tsx b/src/components/Timeline/TimelineEvent.tsx
index 92321f155..b6ff03e06 100644
--- a/src/components/Timeline/TimelineEvent.tsx
+++ b/src/components/Timeline/TimelineEvent.tsx
@@ -1,7 +1,7 @@
 import {
-  ExpansionPanel,
-  ExpansionPanelDetails,
-  ExpansionPanelSummary,
+  Accordion,
+  AccordionDetails,
+  AccordionSummary,
   Typography
 } from "@material-ui/core";
 import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
@@ -93,8 +93,8 @@ export const TimelineEvent: React.FC<TimelineEventProps> = props => {
     <div className={classes.root}>
       <span className={classes.dot} />
       {children ? (
-        <ExpansionPanel className={classes.panel} elevation={0}>
-          <ExpansionPanelSummary
+        <Accordion className={classes.panel} elevation={0}>
+          <AccordionSummary
             className={classes.panelExpander}
             expandIcon={<ExpandMoreIcon />}
           >
@@ -103,11 +103,11 @@ export const TimelineEvent: React.FC<TimelineEventProps> = props => {
               date={date}
               titleElements={titleElements}
             />
-          </ExpansionPanelSummary>
-          <ExpansionPanelDetails>
+          </AccordionSummary>
+          <AccordionDetails>
             <Typography>{children}</Typography>
-          </ExpansionPanelDetails>
-        </ExpansionPanel>
+          </AccordionDetails>
+        </Accordion>
       ) : (
         <TimelineEventHeader
           title={title}
diff --git a/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx b/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx
index 316a46eaa..1495a51ad 100644
--- a/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx
+++ b/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx
@@ -1,8 +1,8 @@
 import {
+  Accordion,
+  AccordionSummary,
   CardContent,
   Divider,
-  ExpansionPanel,
-  ExpansionPanelSummary,
   Typography
 } from "@material-ui/core";
 import Skeleton from "@saleor/components/Skeleton";
@@ -138,8 +138,8 @@ const VariantDetailsChannelsAvailabilityCard: React.FC<VariantDetailsChannelsAva
 
   return (
     <CardContainer>
-      <ExpansionPanel classes={expanderClasses}>
-        <ExpansionPanelSummary
+      <Accordion classes={expanderClasses}>
+        <AccordionSummary
           expandIcon={<IconChevronDown />}
           classes={summaryClasses}
           data-test-id="channels-variant-availability-summary"
@@ -150,7 +150,7 @@ const VariantDetailsChannelsAvailabilityCard: React.FC<VariantDetailsChannelsAva
               availableChannelsCount: allAvailableChannelsListings.length
             })}
           </Typography>
-        </ExpansionPanelSummary>
+        </AccordionSummary>
 
         {channelListings.map(({ channel }) => (
           <React.Fragment key={channel.id}>
@@ -170,7 +170,7 @@ const VariantDetailsChannelsAvailabilityCard: React.FC<VariantDetailsChannelsAva
             </CardContent>
           </React.Fragment>
         ))}
-      </ExpansionPanel>
+      </Accordion>
     </CardContainer>
   );
 };
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index aa7a0c907..529fab307 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -2477,17 +2477,17 @@ exports[`Storyshots Channels / Channels with variants availability card default
           class="Hr-root-id ChannelsAvailabilityCard-hr-id"
         />
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelWithVariantAvailabilityItemWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id ChannelWithVariantAvailabilityItemWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelWithVariantAvailabilityItemWrapperSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelWithVariantAvailabilityItemWrapperSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id ChannelWithVariantAvailabilityItemWrapperSummary-content-id"
+              class="MuiAccordionSummary-content-id ChannelWithVariantAvailabilityItemWrapperSummary-content-id"
             >
               <div
                 class="ChannelWithVariantAvailabilityItemWrapper-container-id"
@@ -2514,7 +2514,7 @@ exports[`Storyshots Channels / Channels with variants availability card default
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -2844,17 +2844,17 @@ exports[`Storyshots Channels / Channels with variants availability card default
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelWithVariantAvailabilityItemWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id ChannelWithVariantAvailabilityItemWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelWithVariantAvailabilityItemWrapperSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelWithVariantAvailabilityItemWrapperSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id ChannelWithVariantAvailabilityItemWrapperSummary-content-id"
+              class="MuiAccordionSummary-content-id ChannelWithVariantAvailabilityItemWrapperSummary-content-id"
             >
               <div
                 class="ChannelWithVariantAvailabilityItemWrapper-container-id"
@@ -2881,7 +2881,7 @@ exports[`Storyshots Channels / Channels with variants availability card default
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -4661,18 +4661,18 @@ exports[`Storyshots Generics / Channels availability card with onChange 1`] = `
         class="Hr-root-id ChannelsAvailabilityCard-hr-id"
       />
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
         data-test="channel-availability-item"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+            class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
           >
             <div
               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -4686,7 +4686,7 @@ exports[`Storyshots Generics / Channels availability card with onChange 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -5013,18 +5013,18 @@ exports[`Storyshots Generics / Channels availability card with onChange 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
         data-test="channel-availability-item"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+            class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
           >
             <div
               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -5038,7 +5038,7 @@ exports[`Storyshots Generics / Channels availability card with onChange 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -6544,19 +6544,19 @@ exports[`Storyshots Generics / Filter default 1`] = `
           class="Hr-root-id"
         />
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="createdAt"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -6602,7 +6602,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -6805,19 +6805,19 @@ exports[`Storyshots Generics / Filter default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="multiplOptions"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -6862,7 +6862,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -7036,19 +7036,19 @@ exports[`Storyshots Generics / Filter default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="price"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -7093,7 +7093,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -7296,19 +7296,19 @@ exports[`Storyshots Generics / Filter default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="status"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -7354,7 +7354,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -7621,19 +7621,19 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           class="Hr-root-id"
         />
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="createdAt"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -7679,7 +7679,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -7882,19 +7882,19 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="multiplOptions"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -7939,7 +7939,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -8113,19 +8113,19 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="price"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -8170,7 +8170,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -8373,19 +8373,19 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id FilterContentExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id FilterContentExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           data-test="channel-availability-item"
           data-test-id="status"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id FilterContentExpanderSummary-root-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id FilterContentExpanderSummary-root-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id FilterContentExpanderSummary-content-id"
+              class="MuiAccordionSummary-content-id FilterContentExpanderSummary-content-id"
             >
               <div
                 class="FilterContentBodyNameField-container-id"
@@ -8431,7 +8431,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -15951,17 +15951,17 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id"
+            class="MuiAccordionSummary-content-id"
           >
             <div
               class="TimelineEventHeader-container-id"
@@ -15987,7 +15987,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -16019,7 +16019,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
                 role="region"
               >
                 <div
-                  class="MuiExpansionPanelDetails-root-id"
+                  class="MuiAccordionDetails-root-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-body1-id"
@@ -16040,17 +16040,17 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id"
+            class="MuiAccordionSummary-content-id"
           >
             <div
               class="TimelineEventHeader-container-id"
@@ -16076,7 +16076,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -16108,7 +16108,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
                 role="region"
               >
                 <div
-                  class="MuiExpansionPanelDetails-root-id"
+                  class="MuiAccordionDetails-root-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-body1-id"
@@ -16129,17 +16129,17 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id"
+            class="MuiAccordionSummary-content-id"
           >
             <div
               class="TimelineEventHeader-container-id"
@@ -16165,7 +16165,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -16197,7 +16197,7 @@ exports[`Storyshots Generics / Timeline with expansion panels 1`] = `
                 role="region"
               >
                 <div
-                  class="MuiExpansionPanelDetails-root-id"
+                  class="MuiAccordionDetails-root-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-body1-id"
@@ -16229,17 +16229,17 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id"
+            class="MuiAccordionSummary-content-id"
           >
             <div
               class="TimelineEventHeader-container-id"
@@ -16265,7 +16265,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -16297,7 +16297,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
                 role="region"
               >
                 <div
-                  class="MuiExpansionPanelDetails-root-id"
+                  class="MuiAccordionDetails-root-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-body1-id"
@@ -16422,17 +16422,17 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
         class="TimelineEvent-dot-id"
       />
       <div
-        class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+        class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
       >
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id"
+            class="MuiAccordionSummary-content-id"
           >
             <div
               class="TimelineEventHeader-container-id"
@@ -16458,7 +16458,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -16490,7 +16490,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
                 role="region"
               >
                 <div
-                  class="MuiExpansionPanelDetails-root-id"
+                  class="MuiAccordionDetails-root-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-body1-id"
@@ -17825,17 +17825,17 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
           class="TimelineEvent-dot-id"
         />
         <div
-          class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
         >
           <div
             aria-disabled="false"
             aria-expanded="false"
-            class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+            class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
             role="button"
             tabindex="0"
           >
             <div
-              class="MuiExpansionPanelSummary-content-id"
+              class="MuiAccordionSummary-content-id"
             >
               <div
                 class="TimelineEventHeader-container-id"
@@ -17870,7 +17870,7 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
             <div
               aria-disabled="false"
               aria-hidden="true"
-              class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+              class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
             >
               <span
                 class="MuiIconButton-label-id"
@@ -17902,7 +17902,7 @@ exports[`Storyshots Orders / OrderHistory default 1`] = `
                   role="region"
                 >
                   <div
-                    class="MuiExpansionPanelDetails-root-id"
+                    class="MuiAccordionDetails-root-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -22880,7 +22880,7 @@ exports[`Storyshots Shipping zones card with no options selected 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
     >
       <div
         class="ShippingZonesListHeader-container-id"
@@ -22888,12 +22888,12 @@ exports[`Storyshots Shipping zones card with no options selected 1`] = `
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+            class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
           >
             <div
               class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -22904,7 +22904,7 @@ exports[`Storyshots Shipping zones card with no options selected 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -23022,7 +23022,7 @@ exports[`Storyshots Shipping zones card with options selected 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+      class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
     >
       <div
         class="ShippingZonesListHeader-container-id"
@@ -23030,12 +23030,12 @@ exports[`Storyshots Shipping zones card with options selected 1`] = `
         <div
           aria-disabled="false"
           aria-expanded="false"
-          class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+          class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+            class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
           >
             <div
               class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -23046,7 +23046,7 @@ exports[`Storyshots Shipping zones card with options selected 1`] = `
           <div
             aria-disabled="false"
             aria-hidden="true"
-            class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+            class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
           >
             <span
               class="MuiIconButton-label-id"
@@ -56249,7 +56249,7 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           >
             <div
               class="ShippingZonesListHeader-container-id"
@@ -56257,12 +56257,12 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+                  class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -56273,7 +56273,7 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -56784,7 +56784,7 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           >
             <div
               class="ShippingZonesListHeader-container-id"
@@ -56792,12 +56792,12 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+                  class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -56808,7 +56808,7 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -57315,7 +57315,7 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           >
             <div
               class="ShippingZonesListHeader-container-id"
@@ -57323,12 +57323,12 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+                  class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -57339,7 +57339,7 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -57846,7 +57846,7 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           >
             <div
               class="ShippingZonesListHeader-container-id"
@@ -57854,12 +57854,12 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+                  class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -57870,7 +57870,7 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -58383,7 +58383,7 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           >
             <div
               class="ShippingZonesListHeader-container-id"
@@ -58391,12 +58391,12 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+                  class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -58407,7 +58407,7 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -58865,7 +58865,7 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
             </div>
           </div>
           <div
-            class="MuiPaper-root-id MuiExpansionPanel-root-id ShippingZonesCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+            class="MuiPaper-root-id MuiAccordion-root-id ShippingZonesCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
           >
             <div
               class="ShippingZonesListHeader-container-id"
@@ -58873,12 +58873,12 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ShippingZonesListHeader-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id ShippingZonesListHeader-root-id"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id ShippingZonesListHeader-content-id"
+                  class="MuiAccordionSummary-content-id ShippingZonesListHeader-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
@@ -58889,7 +58889,7 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -62275,18 +62275,18 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                   class="Hr-root-id ChannelsAvailabilityCard-hr-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                   data-test="channel-availability-item"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                      class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body1-id"
@@ -62300,7 +62300,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details d
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -63751,18 +63751,18 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                   class="Hr-root-id ChannelsAvailabilityCard-hr-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                   data-test="channel-availability-item"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                      class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body1-id"
@@ -63776,7 +63776,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details f
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -64618,18 +64618,18 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                   class="Hr-root-id ChannelsAvailabilityCard-hr-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                   data-test="channel-availability-item"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                      class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body1-id"
@@ -64643,7 +64643,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details l
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -65625,18 +65625,18 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                   class="Hr-root-id ChannelsAvailabilityCard-hr-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                   data-test="channel-availability-item"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                      class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                     >
                       <div
                         class="MuiTypography-root-id MuiTypography-body1-id"
@@ -65650,7 +65650,7 @@ exports[`Storyshots Views / Collections / Collection detailsCollection details n
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -67793,18 +67793,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 class="Hr-root-id ChannelsAvailabilityCard-hr-id"
               />
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -67818,7 +67818,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -68017,18 +68017,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -68042,7 +68042,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -68241,18 +68241,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -68266,7 +68266,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -68465,18 +68465,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -68490,7 +68490,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -68689,18 +68689,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -68714,7 +68714,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -68913,18 +68913,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -68938,7 +68938,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -69137,18 +69137,18 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -69162,7 +69162,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -69784,18 +69784,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 class="Hr-root-id ChannelsAvailabilityCard-hr-id"
               />
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -69809,7 +69809,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -70008,18 +70008,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -70033,7 +70033,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -70232,18 +70232,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -70257,7 +70257,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -70456,18 +70456,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -70481,7 +70481,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -70680,18 +70680,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -70705,7 +70705,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -70904,18 +70904,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -70929,7 +70929,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -71128,18 +71128,18 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -71153,7 +71153,7 @@ exports[`Storyshots Views / Collections / Create collection form errors 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -71769,18 +71769,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 class="Hr-root-id ChannelsAvailabilityCard-hr-id"
               />
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -71794,7 +71794,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -71993,18 +71993,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -72018,7 +72018,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -72217,18 +72217,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -72242,7 +72242,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -72441,18 +72441,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -72466,7 +72466,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -72665,18 +72665,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -72690,7 +72690,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -72889,18 +72889,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -72914,7 +72914,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -73113,18 +73113,18 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                 </div>
               </div>
               <div
-                class="MuiPaper-root-id MuiExpansionPanel-root-id ChannelContentWrapperExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+                class="MuiPaper-root-id MuiAccordion-root-id ChannelContentWrapperExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
                 data-test="channel-availability-item"
               >
                 <div
                   aria-disabled="false"
                   aria-expanded="false"
-                  class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id ChannelContentWrapperExpanderSummary-root-id"
                   role="button"
                   tabindex="0"
                 >
                   <div
-                    class="MuiExpansionPanelSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
+                    class="MuiAccordionSummary-content-id ChannelContentWrapperExpanderSummary-content-id"
                   >
                     <div
                       class="MuiTypography-root-id MuiTypography-body1-id"
@@ -73138,7 +73138,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
                   <div
                     aria-disabled="false"
                     aria-hidden="true"
-                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                   >
                     <span
                       class="MuiIconButton-label-id"
@@ -122312,17 +122312,17 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -122357,7 +122357,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -122389,7 +122389,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -124426,17 +124426,17 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -124471,7 +124471,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -124503,7 +124503,7 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -126572,17 +126572,17 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -126617,7 +126617,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -126649,7 +126649,7 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -129314,17 +129314,17 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -129359,7 +129359,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -129391,7 +129391,7 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -131460,17 +131460,17 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -131505,7 +131505,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -131537,7 +131537,7 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -133606,17 +133606,17 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -133651,7 +133651,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -133683,7 +133683,7 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -135744,17 +135744,17 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -135789,7 +135789,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -135821,7 +135821,7 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -137890,17 +137890,17 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -137935,7 +137935,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -137967,7 +137967,7 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -140036,17 +140036,17 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -140081,7 +140081,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -140113,7 +140113,7 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -142182,17 +142182,17 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -142227,7 +142227,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -142259,7 +142259,7 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -144328,17 +144328,17 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -144373,7 +144373,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -144405,7 +144405,7 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -146474,17 +146474,17 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -146519,7 +146519,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -146551,7 +146551,7 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -148620,17 +148620,17 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                   class="TimelineEvent-dot-id"
                 />
                 <div
-                  class="MuiPaper-root-id MuiExpansionPanel-root-id TimelineEvent-panel-id MuiExpansionPanel-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
+                  class="MuiPaper-root-id MuiAccordion-root-id TimelineEvent-panel-id MuiAccordion-rounded-id MuiPaper-elevation0-id MuiPaper-rounded-id"
                 >
                   <div
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id TimelineEvent-panelExpander-id"
+                    class="MuiButtonBase-root-id MuiAccordionSummary-root-id TimelineEvent-panelExpander-id"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="MuiExpansionPanelSummary-content-id"
+                      class="MuiAccordionSummary-content-id"
                     >
                       <div
                         class="TimelineEventHeader-container-id"
@@ -148665,7 +148665,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                     <div
                       aria-disabled="false"
                       aria-hidden="true"
-                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                      class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                     >
                       <span
                         class="MuiIconButton-label-id"
@@ -148697,7 +148697,7 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
                           role="region"
                         >
                           <div
-                            class="MuiExpansionPanelDetails-root-id"
+                            class="MuiAccordionDetails-root-id"
                           >
                             <div
                               class="MuiTypography-root-id MuiTypography-body1-id"
@@ -231652,18 +231652,18 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
               class="CardTitle-hr-id"
             />
             <div
-              class="MuiPaper-root-id MuiExpansionPanel-root-id VariantDetailsChannelsAvailabilityCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiAccordion-root-id VariantDetailsChannelsAvailabilityCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
             >
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
                 data-test-id="channels-variant-availability-summary"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
+                  class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-caption-id"
@@ -231674,7 +231674,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -233534,18 +233534,18 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
               class="CardTitle-hr-id"
             />
             <div
-              class="MuiPaper-root-id MuiExpansionPanel-root-id VariantDetailsChannelsAvailabilityCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiAccordion-root-id VariantDetailsChannelsAvailabilityCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
             >
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
                 data-test-id="channels-variant-availability-summary"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
+                  class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-caption-id"
@@ -233556,7 +233556,7 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"
@@ -235406,18 +235406,18 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
               class="CardTitle-hr-id"
             />
             <div
-              class="MuiPaper-root-id MuiExpansionPanel-root-id VariantDetailsChannelsAvailabilityCardExpander-root-id MuiExpansionPanel-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
+              class="MuiPaper-root-id MuiAccordion-root-id VariantDetailsChannelsAvailabilityCardExpander-root-id MuiAccordion-rounded-id MuiPaper-elevation1-id MuiPaper-rounded-id"
             >
               <div
                 aria-disabled="false"
                 aria-expanded="false"
-                class="MuiButtonBase-root-id MuiExpansionPanelSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
+                class="MuiButtonBase-root-id MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
                 data-test-id="channels-variant-availability-summary"
                 role="button"
                 tabindex="0"
               >
                 <div
-                  class="MuiExpansionPanelSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
+                  class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
                 >
                   <div
                     class="MuiTypography-root-id MuiTypography-caption-id"
@@ -235428,7 +235428,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                 <div
                   aria-disabled="false"
                   aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiExpansionPanelSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
                 >
                   <span
                     class="MuiIconButton-label-id"