diff --git a/locale/defaultMessages.json b/locale/defaultMessages.json
index e9682467d..e81189a02 100644
--- a/locale/defaultMessages.json
+++ b/locale/defaultMessages.json
@@ -430,7 +430,7 @@
     "string": "Taxes"
   },
   "productTypeTaxesInputLabel": {
-    "string": "Taxes"
+    "string": "Tax group"
   },
   "productVariantCreatePricesSetPricePlaceholder": {
     "context": "input label",
@@ -6502,10 +6502,6 @@
     "context": "modal button upload",
     "string": "Upload"
   },
-  "src_dot_products_dot_components_dot_ProductOrganization_dot_150865454": {
-    "context": "product is not configurable",
-    "string": "Simple"
-  },
   "src_dot_products_dot_components_dot_ProductOrganization_dot_1755013298": {
     "string": "Category"
   },
@@ -6517,7 +6513,6 @@
     "string": "Organize Product"
   },
   "src_dot_products_dot_components_dot_ProductOrganization_dot_2754779425": {
-    "context": "product is configurable",
     "string": "Configurable"
   },
   "src_dot_products_dot_components_dot_ProductOrganization_dot_2805838453": {
diff --git a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx b/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
index 97a2e87aa..1c2ff039c 100644
--- a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
+++ b/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
@@ -2,9 +2,9 @@ import { Popper, TextField, Typography } from "@material-ui/core";
 import { fade } from "@material-ui/core/styles/colorManipulator";
 import CloseIcon from "@material-ui/icons/Close";
 import Debounce, { DebounceProps } from "@saleor/components/Debounce";
-import ArrowDropdownIcon from "@saleor/icons/ArrowDropdown";
-import { IconButton, makeStyles } from "@saleor/macaw-ui";
+import { ChevronIcon, IconButton, makeStyles } from "@saleor/macaw-ui";
 import { FetchMoreProps } from "@saleor/types";
+import classNames from "classnames";
 import Downshift, { ControllerStateAndHelpers } from "downshift";
 import { filter } from "fuzzaldrin";
 import React from "react";
@@ -65,12 +65,18 @@ const useStyles = makeStyles(
       paddingRight: theme.spacing(1)
     },
     adornment: {
+      color: theme.palette.saleor.main[3],
+      cursor: "pointer",
+      userSelect: "none",
       display: "flex",
       alignItems: "center",
-      userSelect: "none",
-      cursor: "pointer",
-      "&:active": {
-        pointerEvents: "none"
+      "& svg": {
+        transition: theme.transitions.duration.shorter + "ms"
+      }
+    },
+    adornmentRotate: {
+      "& svg": {
+        transform: "rotate(180deg)"
       }
     }
   }),
@@ -167,7 +173,8 @@ const MultiAutocompleteSelectFieldComponent: React.FC<MultiAutocompleteSelectFie
               toggleMenu,
               getMenuProps,
               highlightedIndex,
-              inputValue
+              inputValue,
+              getToggleButtonProps
             }) => {
               const displayCustomValue =
                 inputValue &&
@@ -183,13 +190,17 @@ const MultiAutocompleteSelectFieldComponent: React.FC<MultiAutocompleteSelectFie
                   <TextField
                     InputProps={{
                       endAdornment: (
-                        <div className={classes.adornment}>
+                        <div
+                          {...getToggleButtonProps()}
+                          className={classNames(classes.adornment, {
+                            [classes.adornmentRotate]: isOpen
+                          })}
+                        >
                           {endAdornment}
-                          <ArrowDropdownIcon />
+                          <ChevronIcon />
                         </div>
                       ),
                       ref: anchor,
-                      onBlur,
                       onFocus: () => {
                         if (fetchOnFocus) {
                           fetchChoices(inputValue);
@@ -208,6 +219,7 @@ const MultiAutocompleteSelectFieldComponent: React.FC<MultiAutocompleteSelectFie
                     label={label}
                     fullWidth={true}
                     disabled={disabled}
+                    onBlur={onBlur}
                   />
                   {isOpen && (
                     <Popper
diff --git a/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx b/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx
index 013aaa3bc..e907342f1 100644
--- a/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx
+++ b/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx
@@ -1,14 +1,13 @@
 import { InputBase, Popper, TextField } from "@material-ui/core";
 import { InputProps } from "@material-ui/core/Input";
 import { ExtendedFormHelperTextProps } from "@saleor/channels/components/ChannelForm/types";
-import { makeStyles } from "@saleor/macaw-ui";
+import { ChevronIcon, makeStyles } from "@saleor/macaw-ui";
 import { FetchMoreProps } from "@saleor/types";
 import classNames from "classnames";
 import Downshift from "downshift";
 import { filter } from "fuzzaldrin";
 import React from "react";
 
-import ArrowDropdownIcon from "../../icons/ArrowDropdown";
 import Debounce, { DebounceProps } from "../Debounce";
 import SingleAutocompleteSelectFieldContent, {
   SingleAutocompleteActionType,
@@ -25,9 +24,16 @@ const useStyles = makeStyles(
       padding: theme.spacing(2, 0)
     },
     adornment: {
+      color: theme.palette.saleor.main[3],
       cursor: "pointer",
-      "&:active": {
-        pointerEvents: "none"
+      userSelect: "none",
+      "& svg": {
+        transition: theme.transitions.duration.shorter + "ms"
+      }
+    },
+    adornmentRotate: {
+      "& svg": {
+        transform: "rotate(180deg)"
       }
     }
   }),
@@ -128,7 +134,8 @@ const SingleAutocompleteSelectFieldComponent: React.FC<SingleAutocompleteSelectF
             toggleMenu,
             closeMenu,
             highlightedIndex,
-            reset
+            reset,
+            getToggleButtonProps
           }) => {
             const isCustomValueSelected =
               choices && selectedItem
@@ -178,13 +185,17 @@ const SingleAutocompleteSelectFieldComponent: React.FC<SingleAutocompleteSelectF
             const commonInputProps = {
               ...InputProps,
               endAdornment: (
-                <div className={classes.adornment}>
-                  <ArrowDropdownIcon />
+                <div
+                  {...getToggleButtonProps()}
+                  className={classNames(classes.adornment, {
+                    [classes.adornmentRotate]: isOpen
+                  })}
+                >
+                  <ChevronIcon />
                 </div>
               ),
               error,
               id: undefined,
-              onBlur: handleBlur,
               onFocus: () => {
                 if (fetchOnFocus) {
                   fetchChoices(inputValue);
@@ -198,7 +209,8 @@ const SingleAutocompleteSelectFieldComponent: React.FC<SingleAutocompleteSelectF
                   "aria-label": "naked",
                   ...commonInputProps,
                   autoFocus: true,
-                  className: classes.nakedInput
+                  className: classes.nakedInput,
+                  onBlur: handleBlur
                 }
               : {};
 
@@ -215,7 +227,12 @@ const SingleAutocompleteSelectFieldComponent: React.FC<SingleAutocompleteSelectF
                   inputProps={{
                     ...getInputProps({
                       placeholder,
-                      onClick: !disabled && toggleMenu
+                      onClick: () => {
+                        if (disabled) {
+                          return;
+                        }
+                        toggleMenu();
+                      }
                     })
                   }}
                   error={error}
diff --git a/src/productTypes/components/ProductTypeTaxes/ProductTypeTaxes.tsx b/src/productTypes/components/ProductTypeTaxes/ProductTypeTaxes.tsx
index 5a7150936..d2d9f692e 100644
--- a/src/productTypes/components/ProductTypeTaxes/ProductTypeTaxes.tsx
+++ b/src/productTypes/components/ProductTypeTaxes/ProductTypeTaxes.tsx
@@ -48,7 +48,7 @@ const ProductTypeTaxes: React.FC<ProductTypeTaxesProps> = props => {
           disabled={disabled}
           displayValue={taxTypeDisplayName}
           label={intl.formatMessage({
-            defaultMessage: "Taxes",
+            defaultMessage: "Tax group",
             id: "productTypeTaxesInputLabel"
           })}
           name={"taxType" as keyof ProductTypeForm}
diff --git a/src/products/components/ProductOrganization/ProductOrganization.tsx b/src/products/components/ProductOrganization/ProductOrganization.tsx
index 6487a8c5d..f45be0bfd 100644
--- a/src/products/components/ProductOrganization/ProductOrganization.tsx
+++ b/src/products/components/ProductOrganization/ProductOrganization.tsx
@@ -12,6 +12,7 @@ import SingleAutocompleteSelectField, {
 } from "@saleor/components/SingleAutocompleteSelectField";
 import { ProductErrorFragment } from "@saleor/graphql";
 import { ChangeEvent } from "@saleor/hooks/useForm";
+import { commonMessages } from "@saleor/intl";
 import { makeStyles } from "@saleor/macaw-ui";
 import { maybe } from "@saleor/misc";
 import { productTypeUrl } from "@saleor/productTypes/urls";
@@ -132,28 +133,24 @@ const ProductOrganization: React.FC<ProductOrganizationProps> = props => {
             <Typography className={classes.label} variant="caption">
               <FormattedMessage defaultMessage="Product Type" />
             </Typography>
-            <Link
-              href={productTypeUrl(productType?.id) ?? ""}
-              disabled={!productType?.id}
-            >
-              {productType?.name ?? "..."}
-            </Link>
+            <Typography>
+              <Link
+                href={productTypeUrl(productType?.id) ?? ""}
+                disabled={!productType?.id}
+              >
+                {productType?.name ?? "..."}
+              </Link>
+            </Typography>
             <CardSpacer />
             <Typography className={classes.label} variant="caption">
-              <FormattedMessage defaultMessage="Product Type" />
+              <FormattedMessage defaultMessage="Configurable" />
             </Typography>
             <Typography>
               {maybe(
                 () =>
                   productType.hasVariants
-                    ? intl.formatMessage({
-                        defaultMessage: "Configurable",
-                        description: "product is configurable"
-                      })
-                    : intl.formatMessage({
-                        defaultMessage: "Simple",
-                        description: "product is not configurable"
-                      }),
+                    ? intl.formatMessage(commonMessages.yes)
+                    : intl.formatMessage(commonMessages.no),
                 "..."
               )}
             </Typography>
diff --git a/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx b/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx
index ef533258e..f89211ab4 100644
--- a/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx
+++ b/src/products/components/ProductVariantPage/VariantDetailsChannelsAvailabilityCard/index.tsx
@@ -38,7 +38,7 @@ const useExpanderStyles = makeStyles(
 );
 
 const useSummaryStyles = makeStyles(
-  theme => ({
+  () => ({
     expanded: {},
     root: {
       width: "100%",
@@ -46,10 +46,6 @@ const useSummaryStyles = makeStyles(
       margin: 0,
       padding: 0,
       minHeight: 0,
-      paddingTop: theme.spacing(2),
-      paddingLeft: theme.spacing(3),
-      paddingRight: theme.spacing(5.5),
-      paddingBottom: theme.spacing(2),
 
       "&$expanded": {
         minHeight: 0
@@ -66,6 +62,15 @@ const useSummaryStyles = makeStyles(
   { name: "VariantDetailsChannelsAvailabilityCardExpanderSummary" }
 );
 
+const useStyles = makeStyles(
+  () => ({
+    summaryContent: {
+      paddingTop: 0
+    }
+  }),
+  { name: "VariantDetailsChannelsAvailabilityCard" }
+);
+
 interface VariantDetailsChannelsAvailabilityCardProps {
   variant: ProductVariantFragment;
 }
@@ -73,6 +78,7 @@ interface VariantDetailsChannelsAvailabilityCardProps {
 const VariantDetailsChannelsAvailabilityCard: React.FC<VariantDetailsChannelsAvailabilityCardProps> = ({
   variant
 }) => {
+  const classes = useStyles();
   const expanderClasses = useExpanderStyles({});
   const summaryClasses = useSummaryStyles({});
   const localizeDate = useDateLocalize();
@@ -139,18 +145,20 @@ const VariantDetailsChannelsAvailabilityCard: React.FC<VariantDetailsChannelsAva
   return (
     <CardContainer>
       <Accordion classes={expanderClasses}>
-        <AccordionSummary
-          expandIcon={<IconChevronDown />}
-          classes={summaryClasses}
-          data-test-id="channels-variant-availability-summary"
-        >
-          <Typography variant="caption">
-            {intl.formatMessage(messages.subtitle, {
-              publishedInChannelsCount: publishedInChannelsListings.length,
-              availableChannelsCount: allAvailableChannelsListings.length
-            })}
-          </Typography>
-        </AccordionSummary>
+        <CardContent className={classes.summaryContent}>
+          <AccordionSummary
+            expandIcon={<IconChevronDown />}
+            classes={summaryClasses}
+            data-test-id="channels-variant-availability-summary"
+          >
+            <Typography variant="caption">
+              {intl.formatMessage(messages.subtitle, {
+                publishedInChannelsCount: publishedInChannelsListings.length,
+                availableChannelsCount: allAvailableChannelsListings.length
+              })}
+            </Typography>
+          </AccordionSummary>
+        </CardContent>
 
         {channelListings.map(({ channel }) => (
           <React.Fragment key={channel.id}>
diff --git a/src/products/components/ProductVariantPrice/ProductVariantPrice.tsx b/src/products/components/ProductVariantPrice/ProductVariantPrice.tsx
index 135e61ea0..b3ba78c4d 100644
--- a/src/products/components/ProductVariantPrice/ProductVariantPrice.tsx
+++ b/src/products/components/ProductVariantPrice/ProductVariantPrice.tsx
@@ -28,16 +28,7 @@ import React from "react";
 import { FormattedMessage, MessageDescriptor, useIntl } from "react-intl";
 
 const useStyles = makeStyles(
-  theme => ({
-    caption: {
-      fontSize: 14,
-      padding: theme.spacing(0, 3, 2, 3)
-    },
-    colName: {
-      fontSize: 14,
-      paddingLeft: 0,
-      width: "auto"
-    },
+  () => ({
     colPrice: {
       textAlign: "right",
       verticalAlign: "top",
@@ -124,126 +115,125 @@ const ProductVariantPrice: React.FC<ProductVariantPriceProps> = props => {
           description: "product pricing, section header"
         })}
       />
-      <CardContent className={classes.pricingContent}>
-        <Typography variant="caption" className={classes.caption}>
+      <CardContent>
+        <Typography variant="body2">
           {intl.formatMessage({
             defaultMessage:
               "Channels that don’t have assigned prices will use their parent channel to define the price. Price will be converted to channel’s currency",
             description: "info text"
           })}
         </Typography>
-        <ResponsiveTable className={classes.table}>
-          <TableHead>
-            <TableRow>
-              <TableCell>
-                <FormattedMessage
-                  defaultMessage="Channel Name"
-                  description="tabel column header"
-                />
-              </TableCell>
-              <TableCell className={classes.colType}>
-                <FormattedMessage
-                  defaultMessage="Selling Price"
-                  description="tabel column header"
-                />
-              </TableCell>
-              <TableCell className={classes.colType}>
-                <FormattedMessage
-                  defaultMessage="Cost price"
-                  description="tabel column header"
-                />
-              </TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {renderCollection(
-              ProductVariantChannelListings,
-              (listing, index) => {
-                const priceError = getFormChannelError(
-                  formErrors.price,
-                  listing.id
-                );
-                const costPriceError = getFormChannelError(
-                  formErrors.costPrice,
-                  listing.id
-                );
+      </CardContent>
+      <ResponsiveTable className={classes.table}>
+        <TableHead>
+          <TableRow>
+            <TableCell>
+              <FormattedMessage
+                defaultMessage="Channel Name"
+                description="tabel column header"
+              />
+            </TableCell>
+            <TableCell className={classes.colType}>
+              <FormattedMessage
+                defaultMessage="Selling Price"
+                description="tabel column header"
+              />
+            </TableCell>
+            <TableCell className={classes.colType}>
+              <FormattedMessage
+                defaultMessage="Cost price"
+                description="tabel column header"
+              />
+            </TableCell>
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {renderCollection(
+            ProductVariantChannelListings,
+            (listing, index) => {
+              const priceError = getFormChannelError(
+                formErrors.price,
+                listing.id
+              );
+              const costPriceError = getFormChannelError(
+                formErrors.costPrice,
+                listing.id
+              );
 
-                return (
-                  <TableRow key={listing?.id || `skeleton-${index}`}>
-                    <TableCell>{listing?.name || <Skeleton />}</TableCell>
-                    <TableCell className={classes.colPrice}>
-                      {listing ? (
-                        <PriceField
-                          className={classes.input}
-                          error={!!priceError}
-                          label={intl.formatMessage({
-                            defaultMessage: "Price"
-                          })}
-                          name={`${listing.id}-channel-price`}
-                          value={listing.price || ""}
-                          currencySymbol={listing.currency}
-                          onChange={e =>
-                            onChange(listing.id, {
-                              costPrice: listing.costPrice,
-                              price: e.target.value,
-                              preorderThreshold: listing.preorderThreshold
-                            })
-                          }
-                          disabled={loading}
-                          required
-                          hint={
-                            priceError &&
-                            getProductErrorMessage(priceError, intl)
-                          }
-                        />
-                      ) : (
-                        <Skeleton />
-                      )}
-                    </TableCell>
-                    <TableCell className={classes.colPrice}>
-                      {listing ? (
-                        <PriceField
-                          className={classes.input}
-                          error={!!costPriceError}
-                          label={intl.formatMessage({
-                            defaultMessage: "Cost",
-                            description: "tabel column header"
-                          })}
-                          name={`${listing.id}-channel-costPrice`}
-                          value={listing.costPrice || ""}
-                          currencySymbol={listing.currency}
-                          onChange={e =>
-                            onChange(listing.id, {
-                              costPrice: e.target.value,
-                              price: listing.price,
-                              preorderThreshold: listing.preorderThreshold
-                            })
-                          }
-                          disabled={loading}
-                          hint={
-                            costPriceError
-                              ? getProductErrorMessage(costPriceError, intl)
-                              : ""
-                          }
-                        />
-                      ) : (
-                        <Skeleton />
-                      )}
-                    </TableCell>
-                  </TableRow>
-                );
-              },
-              () => (
-                <TableRow>
-                  <TableCell colSpan={numberOfColumns}>
-                    <FormattedMessage defaultMessage="No channels found" />
+              return (
+                <TableRow key={listing?.id || `skeleton-${index}`}>
+                  <TableCell>{listing?.name || <Skeleton />}</TableCell>
+                  <TableCell className={classes.colPrice}>
+                    {listing ? (
+                      <PriceField
+                        className={classes.input}
+                        error={!!priceError}
+                        label={intl.formatMessage({
+                          defaultMessage: "Price"
+                        })}
+                        name={`${listing.id}-channel-price`}
+                        value={listing.price || ""}
+                        currencySymbol={listing.currency}
+                        onChange={e =>
+                          onChange(listing.id, {
+                            costPrice: listing.costPrice,
+                            price: e.target.value,
+                            preorderThreshold: listing.preorderThreshold
+                          })
+                        }
+                        disabled={loading}
+                        required
+                        hint={
+                          priceError && getProductErrorMessage(priceError, intl)
+                        }
+                      />
+                    ) : (
+                      <Skeleton />
+                    )}
+                  </TableCell>
+                  <TableCell className={classes.colPrice}>
+                    {listing ? (
+                      <PriceField
+                        className={classes.input}
+                        error={!!costPriceError}
+                        label={intl.formatMessage({
+                          defaultMessage: "Cost",
+                          description: "tabel column header"
+                        })}
+                        name={`${listing.id}-channel-costPrice`}
+                        value={listing.costPrice || ""}
+                        currencySymbol={listing.currency}
+                        onChange={e =>
+                          onChange(listing.id, {
+                            costPrice: e.target.value,
+                            price: listing.price,
+                            preorderThreshold: listing.preorderThreshold
+                          })
+                        }
+                        disabled={loading}
+                        hint={
+                          costPriceError
+                            ? getProductErrorMessage(costPriceError, intl)
+                            : ""
+                        }
+                      />
+                    ) : (
+                      <Skeleton />
+                    )}
                   </TableCell>
                 </TableRow>
-              )
-            )}
-          </TableBody>
-        </ResponsiveTable>
-      </CardContent>
+              );
+            },
+            () => (
+              <TableRow>
+                <TableCell colSpan={numberOfColumns}>
+                  <FormattedMessage defaultMessage="No channels found" />
+                </TableCell>
+              </TableRow>
+            )
+          )}
+        </TableBody>
+      </ResponsiveTable>
     </Card>
   );
 };
diff --git a/src/shipping/components/ShippingZoneCountriesAssignDialog/ShippingZoneCountriesAssignDialog.tsx b/src/shipping/components/ShippingZoneCountriesAssignDialog/ShippingZoneCountriesAssignDialog.tsx
index c8c0be231..5b1f0924f 100644
--- a/src/shipping/components/ShippingZoneCountriesAssignDialog/ShippingZoneCountriesAssignDialog.tsx
+++ b/src/shipping/components/ShippingZoneCountriesAssignDialog/ShippingZoneCountriesAssignDialog.tsx
@@ -127,7 +127,14 @@ const ShippingZoneCountriesAssignDialog: React.FC<ShippingZoneCountriesAssignDia
                     <FormSpacer />
                     <ResponsiveTable className={classes.table}>
                       <TableBody>
-                        <TableRow>
+                        <TableRow
+                          className={classes.clickableRow}
+                          onClick={() =>
+                            handleRestOfTheWorldChange(
+                              !isRestOfTheWorldSelected
+                            )
+                          }
+                        >
                           <TableCell className={classes.wideCell}>
                             <FormattedMessage
                               {...messages.restOfTheWorldCheckbox}
@@ -145,11 +152,6 @@ const ShippingZoneCountriesAssignDialog: React.FC<ShippingZoneCountriesAssignDia
                             <Checkbox
                               name="restOfTheWorld"
                               checked={isRestOfTheWorldSelected}
-                              onChange={() =>
-                                handleRestOfTheWorldChange(
-                                  !isRestOfTheWorldSelected
-                                )
-                              }
                             />
                           </TableCell>
                         </TableRow>
@@ -171,7 +173,13 @@ const ShippingZoneCountriesAssignDialog: React.FC<ShippingZoneCountriesAssignDia
                       const isChecked = countrySelectionMap[country.code];
 
                       return (
-                        <TableRow key={country.code}>
+                        <TableRow
+                          className={classes.clickableRow}
+                          onClick={() =>
+                            handleCountryChange(country.code, !isChecked)
+                          }
+                          key={country.code}
+                        >
                           <TableCell className={classes.wideCell}>
                             {country.country}
                           </TableCell>
@@ -179,12 +187,7 @@ const ShippingZoneCountriesAssignDialog: React.FC<ShippingZoneCountriesAssignDia
                             padding="checkbox"
                             className={classes.checkboxCell}
                           >
-                            <Checkbox
-                              checked={isChecked}
-                              onChange={() =>
-                                handleCountryChange(country.code, !isChecked)
-                              }
-                            />
+                            <Checkbox checked={isChecked} />
                           </TableCell>
                         </TableRow>
                       );
diff --git a/src/shipping/components/ShippingZoneCountriesAssignDialog/styles.ts b/src/shipping/components/ShippingZoneCountriesAssignDialog/styles.ts
index 99317cecf..41427749f 100644
--- a/src/shipping/components/ShippingZoneCountriesAssignDialog/styles.ts
+++ b/src/shipping/components/ShippingZoneCountriesAssignDialog/styles.ts
@@ -2,6 +2,10 @@ import { makeStyles } from "@saleor/macaw-ui";
 
 export const useStyles = makeStyles(
   theme => ({
+    clickableRow: {
+      cursor: "pointer",
+      userSelect: "none"
+    },
     checkboxCell: {
       paddingLeft: 0
     },
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 84941aa1c..2b004ceb9 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -127,7 +127,12 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -135,13 +140,14 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -212,7 +218,12 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -220,13 +231,14 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -689,7 +701,12 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -697,13 +714,14 @@ exports[`Storyshots Attributes / Attributes default 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -834,7 +852,12 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -842,13 +865,14 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -920,7 +944,12 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -928,13 +957,14 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -1406,7 +1436,12 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -1414,13 +1449,14 @@ exports[`Storyshots Attributes / Attributes disabled 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -1550,7 +1586,12 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                   value="Dropdown First Value"
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -1558,13 +1599,14 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -1635,7 +1677,12 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -1643,13 +1690,14 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -2327,7 +2375,12 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                   value="Red"
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -2335,13 +2388,14 @@ exports[`Storyshots Attributes / Attributes selected 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -3385,7 +3439,12 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
           value=""
         />
         <div
+          aria-haspopup="true"
+          aria-label="open menu"
           class="MultiAutocompleteSelectField-adornment-id"
+          data-toggle="true"
+          role="button"
+          type="button"
         >
           <svg
             aria-hidden="true"
@@ -3393,13 +3452,14 @@ exports[`Storyshots Generics / Account Permission Groups Widget default 1`] = `
             focusable="false"
             viewBox="0 0 24 24"
           >
-            <g
-              style="fill-rule:evenodd"
-            >
-              <path
-                d="M7 10l5 5 5-5z"
-              />
-            </g>
+            <path
+              d="M8 10L12 14L16 10"
+              fill="transparent"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+            />
           </svg>
         </div>
         <fieldset
@@ -3521,7 +3581,12 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
           value=""
         />
         <div
+          aria-haspopup="true"
+          aria-label="open menu"
           class="MultiAutocompleteSelectField-adornment-id"
+          data-toggle="true"
+          role="button"
+          type="button"
         >
           <svg
             aria-hidden="true"
@@ -3529,13 +3594,14 @@ exports[`Storyshots Generics / Account Permission Groups Widget error 1`] = `
             focusable="false"
             viewBox="0 0 24 24"
           >
-            <g
-              style="fill-rule:evenodd"
-            >
-              <path
-                d="M7 10l5 5 5-5z"
-              />
-            </g>
+            <path
+              d="M8 10L12 14L16 10"
+              fill="transparent"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+            />
           </svg>
         </div>
         <fieldset
@@ -3989,7 +4055,12 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
                   value="Szwecja"
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="SingleAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -3997,13 +4068,14 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -11745,7 +11817,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
               value=""
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="MultiAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -11753,13 +11830,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive 1`]
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -11864,7 +11942,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
               value=""
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="MultiAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -11872,13 +11955,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -11983,7 +12067,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
               value=""
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="MultiAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -11991,13 +12080,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -12102,7 +12192,12 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
               value=""
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="MultiAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -12110,13 +12205,14 @@ exports[`Storyshots Generics / Multiple select with autocomplete interactive wit
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -13510,7 +13606,12 @@ exports[`Storyshots Generics / Select with autocomplete disabled 1`] = `
                 value="Afghanistan"
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="SingleAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -13518,13 +13619,14 @@ exports[`Storyshots Generics / Select with autocomplete disabled 1`] = `
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -13596,7 +13698,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive 1`] = `
                 value="Afghanistan"
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="SingleAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -13604,13 +13711,14 @@ exports[`Storyshots Generics / Select with autocomplete interactive 1`] = `
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -13682,7 +13790,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive with custom
                 value="Afghanistan"
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="SingleAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -13690,13 +13803,14 @@ exports[`Storyshots Generics / Select with autocomplete interactive with custom
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -13768,7 +13882,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive with empty o
                 value="Afghanistan"
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="SingleAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -13776,13 +13895,14 @@ exports[`Storyshots Generics / Select with autocomplete interactive with empty o
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -13854,7 +13974,12 @@ exports[`Storyshots Generics / Select with autocomplete interactive with load mo
                 value="Afghanistan"
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="SingleAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -13862,13 +13987,14 @@ exports[`Storyshots Generics / Select with autocomplete interactive with load mo
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -13935,7 +14061,12 @@ exports[`Storyshots Generics / Select with autocomplete naked 1`] = `
               value="Afghanistan"
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="SingleAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -13943,13 +14074,14 @@ exports[`Storyshots Generics / Select with autocomplete naked 1`] = `
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
           </div>
@@ -13999,7 +14131,12 @@ exports[`Storyshots Generics / Select with autocomplete naked and disabled 1`] =
               value="Afghanistan"
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="SingleAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -14007,13 +14144,14 @@ exports[`Storyshots Generics / Select with autocomplete naked and disabled 1`] =
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
           </div>
@@ -23503,7 +23641,12 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
                 value=""
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="MultiAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -23511,13 +23654,14 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -23612,7 +23756,12 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
                 value=""
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="MultiAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -23620,13 +23769,14 @@ exports[`Storyshots Shipping zones details / Settings Card default 1`] = `
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -25947,7 +26097,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -25955,13 +26110,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -26039,7 +26195,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -26047,13 +26208,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -26423,7 +26585,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -26431,13 +26598,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -26515,7 +26683,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -26523,13 +26696,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details form errors 1`] =
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -26888,7 +27062,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -26896,13 +27075,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -26980,7 +27160,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -26988,13 +27173,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -27348,7 +27534,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -27356,13 +27547,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -27440,7 +27632,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -27448,13 +27645,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details undefined 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -27819,7 +28017,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -27827,13 +28030,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -27911,7 +28115,12 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -27919,13 +28128,14 @@ exports[`Storyshots Views / Apps / Webhooks / Webhook details unnamed 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -46201,7 +46411,12 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -46209,13 +46424,14 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -46267,7 +46483,12 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -46275,13 +46496,14 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -46706,7 +46928,12 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -46714,13 +46941,14 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -46773,7 +47001,12 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -46781,13 +47014,14 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -47209,7 +47443,12 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -47217,13 +47456,14 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -47275,7 +47515,12 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -47283,13 +47528,14 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -47711,7 +47957,12 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -47719,13 +47970,14 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -47777,7 +48029,12 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                     value="Poland"
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -47785,13 +48042,14 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -48219,7 +48477,12 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -48227,13 +48490,14 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -48285,7 +48549,12 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                     value=""
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -48293,13 +48562,14 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -48734,7 +49004,12 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                     value="Poland"
                   />
                   <div
+                    aria-haspopup="true"
+                    aria-label="open menu"
                     class="SingleAutocompleteSelectField-adornment-id"
+                    data-toggle="true"
+                    role="button"
+                    type="button"
                   >
                     <svg
                       aria-hidden="true"
@@ -48742,13 +49017,14 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
-                      <g
-                        style="fill-rule:evenodd"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </g>
+                      <path
+                        d="M8 10L12 14L16 10"
+                        fill="transparent"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
                     </svg>
                   </div>
                   <fieldset
@@ -49178,7 +49454,12 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
               value="Poland"
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="SingleAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -49186,13 +49467,14 @@ exports[`Storyshots Views / Channels / Channel form default 1`] = `
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -49386,7 +49668,12 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
               value="Poland"
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="SingleAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -49394,13 +49681,14 @@ exports[`Storyshots Views / Channels / Channel form disabled 1`] = `
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -49597,7 +49885,12 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
               value="Poland"
             />
             <div
+              aria-haspopup="true"
+              aria-label="open menu"
               class="SingleAutocompleteSelectField-adornment-id"
+              data-toggle="true"
+              role="button"
+              type="button"
             >
               <svg
                 aria-hidden="true"
@@ -49605,13 +49898,14 @@ exports[`Storyshots Views / Channels / Channel form with errors 1`] = `
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <g
-                  style="fill-rule:evenodd"
-                >
-                  <path
-                    d="M7 10l5 5 5-5z"
-                  />
-                </g>
+                <path
+                  d="M8 10L12 14L16 10"
+                  fill="transparent"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
               </svg>
             </div>
             <fieldset
@@ -64830,7 +65124,12 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -64838,13 +65137,14 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -65558,7 +65858,12 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -65566,13 +65871,14 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -66268,7 +66574,12 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -66276,13 +66587,14 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -152224,7 +152536,12 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                           value="Dylan Lamb"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -152232,13 +152549,14 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -152309,7 +152627,12 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -152317,13 +152640,14 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -153108,7 +153432,12 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                           value="Dylan Lamb"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -153116,13 +153445,14 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -153193,7 +153523,12 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -153201,13 +153536,14 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -154252,7 +154588,12 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -154260,13 +154601,14 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -164162,7 +164504,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -164178,7 +164520,12 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -164186,13 +164533,14 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -164203,7 +164551,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -164703,7 +165051,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -164719,7 +165067,12 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -164727,13 +165080,14 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -164744,7 +165098,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -165250,7 +165604,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -165267,7 +165621,12 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -165275,13 +165634,14 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -165292,7 +165652,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -165789,7 +166149,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -165805,7 +166165,12 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                       value="PH405458"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -165813,13 +166178,14 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -165830,7 +166196,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -166922,7 +167288,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -166938,7 +167304,12 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                       value="PH405458"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -166946,13 +167317,14 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -166963,7 +167335,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -168061,7 +168433,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -168078,7 +168450,12 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -168086,13 +168463,14 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -168103,7 +168481,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -168782,7 +169160,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Taxes
+                    Tax group
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
@@ -168798,7 +169176,12 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                       value="PH405458"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -168806,13 +169189,14 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -168823,7 +169207,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
                         class="PrivateNotchedOutline-legendLabelled-id"
                       >
                         <span>
-                          Taxes
+                          Tax group
                         </span>
                       </legend>
                     </fieldset>
@@ -177927,7 +178311,12 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 value=""
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="MultiAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -177935,13 +178324,14 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -178079,7 +178469,12 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                 value=""
               />
               <div
+                aria-haspopup="true"
+                aria-label="open menu"
                 class="MultiAutocompleteSelectField-adornment-id"
+                data-toggle="true"
+                role="button"
+                type="button"
               >
                 <svg
                   aria-hidden="true"
@@ -178087,13 +178482,14 @@ exports[`Storyshots Views / Products / Create multiple variants choose values 1`
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <g
-                    style="fill-rule:evenodd"
-                  >
-                    <path
-                      d="M7 10l5 5 5-5z"
-                    />
-                  </g>
+                  <path
+                    d="M8 10L12 14L16 10"
+                    fill="transparent"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                  />
                 </svg>
               </div>
               <fieldset
@@ -178288,7 +178684,12 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -178296,13 +178697,14 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -178379,7 +178781,12 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -178387,13 +178794,14 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -178470,7 +178878,12 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -178478,13 +178891,14 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -178561,7 +178975,12 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                   value=""
                 />
                 <div
+                  aria-haspopup="true"
+                  aria-label="open menu"
                   class="MultiAutocompleteSelectField-adornment-id"
+                  data-toggle="true"
+                  role="button"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
@@ -178569,13 +178988,14 @@ exports[`Storyshots Views / Products / Create multiple variants interactive 1`]
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
-                    <g
-                      style="fill-rule:evenodd"
-                    >
-                      <path
-                        d="M7 10l5 5 5-5z"
-                      />
-                    </g>
+                    <path
+                      d="M8 10L12 14L16 10"
+                      fill="transparent"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                    />
                   </svg>
                 </div>
                 <fieldset
@@ -179020,7 +179440,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -179028,13 +179453,14 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -179093,7 +179519,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -179101,13 +179532,14 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -179166,7 +179598,12 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -179174,13 +179611,14 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -179770,7 +180208,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -179778,13 +180221,14 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -179842,7 +180286,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -179850,13 +180299,14 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -179915,7 +180365,12 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -179923,13 +180378,14 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -180364,7 +180820,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -180372,13 +180833,14 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -180660,7 +181122,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       value="Candy"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -180668,13 +181135,14 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -180737,7 +181205,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -180745,13 +181218,14 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -180815,7 +181289,12 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -180823,13 +181302,14 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -181304,7 +181784,12 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -181312,13 +181797,14 @@ exports[`Storyshots Views / Products / Create product variant add first variant
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -182355,7 +182841,12 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -182363,13 +182854,14 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -183406,7 +183898,12 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -183414,13 +183911,14 @@ exports[`Storyshots Views / Products / Create product variant no warehouses 1`]
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -185275,7 +185773,12 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -185283,13 +185786,14 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -186359,7 +186863,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -186367,13 +186876,14 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -186449,7 +186959,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -186457,13 +186972,14 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -187251,24 +187767,28 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -187310,7 +187830,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -187318,13 +187843,14 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -187388,7 +187914,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -187396,13 +187927,14 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -187662,7 +188194,12 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -187670,13 +188207,14 @@ exports[`Storyshots Views / Products / Product edit form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -188102,7 +188640,12 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -188110,13 +188653,14 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -188187,7 +188731,12 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -188195,13 +188744,14 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -189069,24 +189619,28 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -189128,7 +189682,12 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -189136,13 +189695,14 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -189201,7 +189761,12 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -189209,13 +189774,14 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -189475,7 +190041,12 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -189483,13 +190054,14 @@ exports[`Storyshots Views / Products / Product edit limits reached 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -189915,7 +190487,12 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -189923,13 +190500,14 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -190000,7 +190578,12 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -190008,13 +190591,14 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -190802,24 +191386,28 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -190861,7 +191449,12 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -190869,13 +191462,14 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -190934,7 +191528,12 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -190942,13 +191541,14 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -191208,7 +191808,12 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -191216,13 +191821,14 @@ exports[`Storyshots Views / Products / Product edit no limits 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -192281,24 +192887,28 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -192340,7 +192950,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -192348,13 +192963,14 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -192413,7 +193029,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -192421,13 +193042,14 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -192687,7 +193309,12 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -192695,13 +193322,14 @@ exports[`Storyshots Views / Products / Product edit no product attributes 1`] =
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -193127,7 +193755,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -193135,13 +193768,14 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -193212,7 +193846,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -193220,13 +193859,14 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -193912,24 +194552,28 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Simple
+                No
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -193971,7 +194615,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -193979,13 +194628,14 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -194044,7 +194694,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -194052,13 +194707,14 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -194318,7 +194974,12 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -194326,13 +194987,14 @@ exports[`Storyshots Views / Products / Product edit no stock and no variants 1`]
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -194758,7 +195420,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -194766,13 +195433,14 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -194843,7 +195511,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -194851,13 +195524,14 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -195543,24 +196217,28 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Simple
+                No
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -195602,7 +196280,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -195610,13 +196293,14 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -195675,7 +196359,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -195683,13 +196372,14 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -195949,7 +196639,12 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -195957,13 +196652,14 @@ exports[`Storyshots Views / Products / Product edit no stock, no variants and no
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -196389,7 +197085,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -196397,13 +197098,14 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -196474,7 +197176,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -196482,13 +197189,14 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -197174,24 +197882,28 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Simple
+                No
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -197233,7 +197945,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -197241,13 +197958,14 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -197306,7 +198024,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -197314,13 +198037,14 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -197580,7 +198304,12 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -197588,13 +198317,14 @@ exports[`Storyshots Views / Products / Product edit no variants 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -198020,7 +198750,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -198028,13 +198763,14 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -198105,7 +198841,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -198113,13 +198854,14 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -198907,24 +199649,28 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -198966,7 +199712,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -198974,13 +199725,14 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -199039,7 +199791,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -199047,13 +199804,14 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -199313,7 +200071,12 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -199321,13 +200084,14 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -200123,19 +200887,23 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id Link-disabled-id"
-                href=""
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                ...
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id Link-disabled-id"
+                  href=""
+                >
+                  ...
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
@@ -200183,7 +200951,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -200191,13 +200964,14 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -200256,7 +201030,12 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -200264,13 +201043,14 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -200787,7 +201567,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -200795,13 +201580,14 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -200872,7 +201658,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -200880,13 +201671,14 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -201674,24 +202466,28 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -201733,7 +202529,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -201741,13 +202542,14 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -201806,7 +202608,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -201814,13 +202621,14 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -202080,7 +202888,12 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -202088,13 +202901,14 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -202520,7 +203334,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -202528,13 +203347,14 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -202605,7 +203425,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -202613,13 +203438,14 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -203305,24 +204131,28 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Simple
+                No
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -203364,7 +204194,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -203372,13 +204207,14 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -203437,7 +204273,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -203445,13 +204286,14 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -203711,7 +204553,12 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -203719,13 +204566,14 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -204151,7 +204999,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -204159,13 +205012,14 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -204236,7 +205090,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="MultiAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -204244,13 +205103,14 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -205038,24 +205898,28 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
               >
                 Product Type
               </div>
-              <a
-                class="Link-root-id Link-primary-id Link-noUnderline-id"
-                href="/product-types/pt76406"
+              <div
+                class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Versatile
-              </a>
+                <a
+                  class="Link-root-id Link-primary-id Link-noUnderline-id"
+                  href="/product-types/pt76406"
+                >
+                  Versatile
+                </a>
+              </div>
               <div
                 class="CardSpacer-spacer-id"
               />
               <div
                 class="MuiTypography-root-id ProductOrganization-label-id MuiTypography-caption-id"
               >
-                Product Type
+                Configurable
               </div>
               <div
                 class="MuiTypography-root-id MuiTypography-body1-id"
               >
-                Configurable
+                Yes
               </div>
               <div
                 class="FormSpacer-spacer-id"
@@ -205097,7 +205961,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       value="Apparel"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -205105,13 +205974,14 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -205170,7 +206040,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -205178,13 +206053,14 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -205444,7 +206320,12 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                       value="standard"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -205452,13 +206333,14 @@ exports[`Storyshots Views / Products / Product edit with channels 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -219858,46 +220740,50 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
               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 MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
-                data-test-id="channels-variant-availability-summary"
-                role="button"
-                tabindex="0"
+                class="MuiCardContent-root-id VariantDetailsChannelsAvailabilityCard-summaryContent-id"
               >
                 <div
-                  class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
+                  aria-disabled="false"
+                  aria-expanded="false"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
+                  data-test-id="channels-variant-availability-summary"
+                  role="button"
+                  tabindex="0"
                 >
                   <div
-                    class="MuiTypography-root-id MuiTypography-caption-id"
+                    class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
                   >
-                    Available in 1 out of 2
-                  </div>
-                </div>
-                <div
-                  aria-disabled="false"
-                  aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      data-test-id="expand-icon"
-                      fill="none"
-                      height="7"
-                      viewBox="0 0 10 7"
-                      width="10"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiTypography-root-id MuiTypography-caption-id"
                     >
-                      <path
-                        d="M1 1L5 5L9 1"
-                        stroke="#28234A"
-                        stroke-opacity="0.4"
-                        stroke-width="2"
-                      />
-                    </svg>
-                  </span>
+                      Available in 1 out of 2
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-hidden="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        data-test-id="expand-icon"
+                        fill="none"
+                        height="7"
+                        viewBox="0 0 10 7"
+                        width="10"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M1 1L5 5L9 1"
+                          stroke="#28234A"
+                          stroke-opacity="0.4"
+                          stroke-width="2"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
               <div
@@ -220182,7 +221068,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -220190,13 +221081,14 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -220271,7 +221163,12 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                           value="Auto Loan Account"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -220279,13 +221176,14 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -220390,271 +221288,271 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
               </div>
             </div>
             <div
-              class="MuiCardContent-root-id ProductVariantPrice-pricingContent-id"
+              class="MuiCardContent-root-id"
             >
               <div
-                class="MuiTypography-root-id ProductVariantPrice-caption-id MuiTypography-caption-id"
+                class="MuiTypography-root-id MuiTypography-body2-id"
               >
                 Channels that don’t have assigned prices will use their parent channel to define the price. Price will be converted to channel’s currency
               </div>
-              <div
-                class="ResponsiveTable-root-id"
+            </div>
+            <div
+              class="ResponsiveTable-root-id"
+            >
+              <table
+                class="MuiTable-root-id ProductVariantPrice-table-id"
               >
-                <table
-                  class="MuiTable-root-id ProductVariantPrice-table-id"
+                <thead
+                  class="MuiTableHead-root-id"
                 >
-                  <thead
-                    class="MuiTableHead-root-id"
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-head-id MuiTableRow-hover-id"
                   >
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-head-id MuiTableRow-hover-id"
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id"
+                      scope="col"
                     >
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id"
-                        scope="col"
-                      >
-                        Channel Name
-                      </th>
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
-                        scope="col"
-                      >
-                        Selling Price
-                      </th>
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
-                        scope="col"
-                      >
-                        Cost price
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="MuiTableBody-root-id"
+                      Channel Name
+                    </th>
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
+                      scope="col"
+                    >
+                      Selling Price
+                    </th>
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
+                      scope="col"
+                    >
+                      Cost price
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="MuiTableBody-root-id"
+                >
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-hover-id"
                   >
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-hover-id"
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id"
                     >
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id"
-                      >
-                        Test channel
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
-                        >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
-                            data-shrink="true"
-                          >
-                            Price
-                            <span
-                              aria-hidden="true"
-                              class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
-                            >
-                               *
-                            </span>
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test1-channel-price"
-                              required=""
-                              type="number"
-                              value="10"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Price *
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
-                        >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                            data-shrink="true"
-                          >
-                            Cost
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test1-channel-costPrice"
-                              type="number"
-                              value="10"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Cost
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-hover-id"
+                      Test channel
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
                     >
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id"
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
                       >
-                        Test channel other
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
+                          data-shrink="true"
                         >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
-                            data-shrink="true"
+                          Price
+                          <span
+                            aria-hidden="true"
+                            class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                           >
-                            Price
-                            <span
-                              aria-hidden="true"
-                              class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
-                            >
-                               *
-                            </span>
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test2-channel-price"
-                              required=""
-                              type="number"
-                              value="20"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Price *
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
+                             *
+                          </span>
+                        </label>
                         <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
                         >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                            data-shrink="true"
-                          >
-                            Cost
-                          </label>
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test1-channel-price"
+                            required=""
+                            type="number"
+                            value="10"
+                          />
                           <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
                           >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test2-channel-costPrice"
-                              type="number"
-                              value="10"
-                            />
                             <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                             >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
+                              USD
                             </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Cost
-                                </span>
-                              </legend>
-                            </fieldset>
                           </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Price *
+                              </span>
+                            </legend>
+                          </fieldset>
                         </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
+                      </div>
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                          data-shrink="true"
+                        >
+                          Cost
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test1-channel-costPrice"
+                            type="number"
+                            value="10"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Cost
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-hover-id"
+                  >
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id"
+                    >
+                      Test channel other
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
+                          data-shrink="true"
+                        >
+                          Price
+                          <span
+                            aria-hidden="true"
+                            class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
+                          >
+                             *
+                          </span>
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test2-channel-price"
+                            required=""
+                            type="number"
+                            value="20"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Price *
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                          data-shrink="true"
+                        >
+                          Cost
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test2-channel-costPrice"
+                            type="number"
+                            value="10"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Cost
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
           <div
@@ -221741,46 +222639,50 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
               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 MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
-                data-test-id="channels-variant-availability-summary"
-                role="button"
-                tabindex="0"
+                class="MuiCardContent-root-id VariantDetailsChannelsAvailabilityCard-summaryContent-id"
               >
                 <div
-                  class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
+                  aria-disabled="false"
+                  aria-expanded="false"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
+                  data-test-id="channels-variant-availability-summary"
+                  role="button"
+                  tabindex="0"
                 >
                   <div
-                    class="MuiTypography-root-id MuiTypography-caption-id"
+                    class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
                   >
-                    Available in 1 out of 2
-                  </div>
-                </div>
-                <div
-                  aria-disabled="false"
-                  aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      data-test-id="expand-icon"
-                      fill="none"
-                      height="7"
-                      viewBox="0 0 10 7"
-                      width="10"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiTypography-root-id MuiTypography-caption-id"
                     >
-                      <path
-                        d="M1 1L5 5L9 1"
-                        stroke="#28234A"
-                        stroke-opacity="0.4"
-                        stroke-width="2"
-                      />
-                    </svg>
-                  </span>
+                      Available in 1 out of 2
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-hidden="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        data-test-id="expand-icon"
+                        fill="none"
+                        height="7"
+                        viewBox="0 0 10 7"
+                        width="10"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M1 1L5 5L9 1"
+                          stroke="#28234A"
+                          stroke-opacity="0.4"
+                          stroke-width="2"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
               <div
@@ -222065,7 +222967,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -222073,13 +222980,14 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -222149,7 +223057,12 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                           value="Auto Loan Account"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -222157,13 +223070,14 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -222268,271 +223182,271 @@ exports[`Storyshots Views / Products / Product variant details no warehouses 1`]
               </div>
             </div>
             <div
-              class="MuiCardContent-root-id ProductVariantPrice-pricingContent-id"
+              class="MuiCardContent-root-id"
             >
               <div
-                class="MuiTypography-root-id ProductVariantPrice-caption-id MuiTypography-caption-id"
+                class="MuiTypography-root-id MuiTypography-body2-id"
               >
                 Channels that don’t have assigned prices will use their parent channel to define the price. Price will be converted to channel’s currency
               </div>
-              <div
-                class="ResponsiveTable-root-id"
+            </div>
+            <div
+              class="ResponsiveTable-root-id"
+            >
+              <table
+                class="MuiTable-root-id ProductVariantPrice-table-id"
               >
-                <table
-                  class="MuiTable-root-id ProductVariantPrice-table-id"
+                <thead
+                  class="MuiTableHead-root-id"
                 >
-                  <thead
-                    class="MuiTableHead-root-id"
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-head-id MuiTableRow-hover-id"
                   >
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-head-id MuiTableRow-hover-id"
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id"
+                      scope="col"
                     >
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id"
-                        scope="col"
-                      >
-                        Channel Name
-                      </th>
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
-                        scope="col"
-                      >
-                        Selling Price
-                      </th>
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
-                        scope="col"
-                      >
-                        Cost price
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="MuiTableBody-root-id"
+                      Channel Name
+                    </th>
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
+                      scope="col"
+                    >
+                      Selling Price
+                    </th>
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
+                      scope="col"
+                    >
+                      Cost price
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="MuiTableBody-root-id"
+                >
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-hover-id"
                   >
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-hover-id"
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id"
                     >
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id"
-                      >
-                        Test channel
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
-                        >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
-                            data-shrink="true"
-                          >
-                            Price
-                            <span
-                              aria-hidden="true"
-                              class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
-                            >
-                               *
-                            </span>
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test1-channel-price"
-                              required=""
-                              type="number"
-                              value="10"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Price *
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
-                        >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                            data-shrink="true"
-                          >
-                            Cost
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test1-channel-costPrice"
-                              type="number"
-                              value="10"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Cost
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-hover-id"
+                      Test channel
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
                     >
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id"
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
                       >
-                        Test channel other
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
+                          data-shrink="true"
                         >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
-                            data-shrink="true"
+                          Price
+                          <span
+                            aria-hidden="true"
+                            class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                           >
-                            Price
-                            <span
-                              aria-hidden="true"
-                              class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
-                            >
-                               *
-                            </span>
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test2-channel-price"
-                              required=""
-                              type="number"
-                              value="20"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Price *
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
+                             *
+                          </span>
+                        </label>
                         <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
                         >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                            data-shrink="true"
-                          >
-                            Cost
-                          </label>
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test1-channel-price"
+                            required=""
+                            type="number"
+                            value="10"
+                          />
                           <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
                           >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test2-channel-costPrice"
-                              type="number"
-                              value="10"
-                            />
                             <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                             >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
+                              USD
                             </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Cost
-                                </span>
-                              </legend>
-                            </fieldset>
                           </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Price *
+                              </span>
+                            </legend>
+                          </fieldset>
                         </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
+                      </div>
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                          data-shrink="true"
+                        >
+                          Cost
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test1-channel-costPrice"
+                            type="number"
+                            value="10"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Cost
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-hover-id"
+                  >
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id"
+                    >
+                      Test channel other
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
+                          data-shrink="true"
+                        >
+                          Price
+                          <span
+                            aria-hidden="true"
+                            class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
+                          >
+                             *
+                          </span>
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test2-channel-price"
+                            required=""
+                            type="number"
+                            value="20"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Price *
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                          data-shrink="true"
+                        >
+                          Cost
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test2-channel-costPrice"
+                            type="number"
+                            value="10"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Cost
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
           <div
@@ -223614,46 +224528,50 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
               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 MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
-                data-test-id="channels-variant-availability-summary"
-                role="button"
-                tabindex="0"
+                class="MuiCardContent-root-id VariantDetailsChannelsAvailabilityCard-summaryContent-id"
               >
                 <div
-                  class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
+                  aria-disabled="false"
+                  aria-expanded="false"
+                  class="MuiButtonBase-root-id MuiAccordionSummary-root-id VariantDetailsChannelsAvailabilityCardExpanderSummary-root-id"
+                  data-test-id="channels-variant-availability-summary"
+                  role="button"
+                  tabindex="0"
                 >
                   <div
-                    class="MuiTypography-root-id MuiTypography-caption-id"
+                    class="MuiAccordionSummary-content-id VariantDetailsChannelsAvailabilityCardExpanderSummary-content-id"
                   >
-                    Available in 1 out of 2
-                  </div>
-                </div>
-                <div
-                  aria-disabled="false"
-                  aria-hidden="true"
-                  class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
-                >
-                  <span
-                    class="MuiIconButton-label-id"
-                  >
-                    <svg
-                      data-test-id="expand-icon"
-                      fill="none"
-                      height="7"
-                      viewBox="0 0 10 7"
-                      width="10"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiTypography-root-id MuiTypography-caption-id"
                     >
-                      <path
-                        d="M1 1L5 5L9 1"
-                        stroke="#28234A"
-                        stroke-opacity="0.4"
-                        stroke-width="2"
-                      />
-                    </svg>
-                  </span>
+                      Available in 1 out of 2
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    aria-hidden="true"
+                    class="MuiButtonBase-root-id MuiIconButton-root-id MuiAccordionSummary-expandIcon-id MuiIconButton-edgeEnd-id"
+                  >
+                    <span
+                      class="MuiIconButton-label-id"
+                    >
+                      <svg
+                        data-test-id="expand-icon"
+                        fill="none"
+                        height="7"
+                        viewBox="0 0 10 7"
+                        width="10"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M1 1L5 5L9 1"
+                          stroke="#28234A"
+                          stroke-opacity="0.4"
+                          stroke-width="2"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
               <div
@@ -223938,7 +224856,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           value="portals"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -223946,13 +224869,14 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -224022,7 +224946,12 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                           value="Auto Loan Account"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -224030,13 +224959,14 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -224141,271 +225071,271 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
               </div>
             </div>
             <div
-              class="MuiCardContent-root-id ProductVariantPrice-pricingContent-id"
+              class="MuiCardContent-root-id"
             >
               <div
-                class="MuiTypography-root-id ProductVariantPrice-caption-id MuiTypography-caption-id"
+                class="MuiTypography-root-id MuiTypography-body2-id"
               >
                 Channels that don’t have assigned prices will use their parent channel to define the price. Price will be converted to channel’s currency
               </div>
-              <div
-                class="ResponsiveTable-root-id"
+            </div>
+            <div
+              class="ResponsiveTable-root-id"
+            >
+              <table
+                class="MuiTable-root-id ProductVariantPrice-table-id"
               >
-                <table
-                  class="MuiTable-root-id ProductVariantPrice-table-id"
+                <thead
+                  class="MuiTableHead-root-id"
                 >
-                  <thead
-                    class="MuiTableHead-root-id"
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-head-id MuiTableRow-hover-id"
                   >
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-head-id MuiTableRow-hover-id"
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id"
+                      scope="col"
                     >
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id"
-                        scope="col"
-                      >
-                        Channel Name
-                      </th>
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
-                        scope="col"
-                      >
-                        Selling Price
-                      </th>
-                      <th
-                        class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
-                        scope="col"
-                      >
-                        Cost price
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody
-                    class="MuiTableBody-root-id"
+                      Channel Name
+                    </th>
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
+                      scope="col"
+                    >
+                      Selling Price
+                    </th>
+                    <th
+                      class="MuiTableCell-root-id MuiTableCell-head-id ProductVariantPrice-colType-id"
+                      scope="col"
+                    >
+                      Cost price
+                    </th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="MuiTableBody-root-id"
+                >
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-hover-id"
                   >
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-hover-id"
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id"
                     >
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id"
-                      >
-                        Test channel
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
-                        >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
-                            data-shrink="true"
-                          >
-                            Price
-                            <span
-                              aria-hidden="true"
-                              class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
-                            >
-                               *
-                            </span>
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test1-channel-price"
-                              required=""
-                              type="number"
-                              value="10"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Price *
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
-                        >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                            data-shrink="true"
-                          >
-                            Cost
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test1-channel-costPrice"
-                              type="number"
-                              value="10"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Cost
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr
-                      class="MuiTableRow-root-id MuiTableRow-hover-id"
+                      Test channel
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
                     >
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id"
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
                       >
-                        Test channel other
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
-                        <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
+                          data-shrink="true"
                         >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
-                            data-shrink="true"
+                          Price
+                          <span
+                            aria-hidden="true"
+                            class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
                           >
-                            Price
-                            <span
-                              aria-hidden="true"
-                              class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
-                            >
-                               *
-                            </span>
-                          </label>
-                          <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                          >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test2-channel-price"
-                              required=""
-                              type="number"
-                              value="20"
-                            />
-                            <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
-                            >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
-                            </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Price *
-                                </span>
-                              </legend>
-                            </fieldset>
-                          </div>
-                        </div>
-                      </td>
-                      <td
-                        class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
-                      >
+                             *
+                          </span>
+                        </label>
                         <div
-                          class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
                         >
-                          <label
-                            class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
-                            data-shrink="true"
-                          >
-                            Cost
-                          </label>
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test1-channel-price"
+                            required=""
+                            type="number"
+                            value="10"
+                          />
                           <div
-                            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
                           >
-                            <input
-                              aria-invalid="false"
-                              class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                              min="0"
-                              name="test2-channel-costPrice"
-                              type="number"
-                              value="10"
-                            />
                             <div
-                              class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
                             >
-                              <div
-                                class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
-                              >
-                                USD
-                              </div>
+                              USD
                             </div>
-                            <fieldset
-                              aria-hidden="true"
-                              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                            >
-                              <legend
-                                class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
-                              >
-                                <span>
-                                  Cost
-                                </span>
-                              </legend>
-                            </fieldset>
                           </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Price *
+                              </span>
+                            </legend>
+                          </fieldset>
                         </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
+                      </div>
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                          data-shrink="true"
+                        >
+                          Cost
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test1-channel-costPrice"
+                            type="number"
+                            value="10"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Cost
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr
+                    class="MuiTableRow-root-id MuiTableRow-hover-id"
+                  >
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id"
+                    >
+                      Test channel other
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id MuiFormLabel-required-id MuiInputLabel-required-id"
+                          data-shrink="true"
+                        >
+                          Price
+                          <span
+                            aria-hidden="true"
+                            class="MuiFormLabel-asterisk-id MuiInputLabel-asterisk-id"
+                          >
+                             *
+                          </span>
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test2-channel-price"
+                            required=""
+                            type="number"
+                            value="20"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Price *
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                    <td
+                      class="MuiTableCell-root-id MuiTableCell-body-id ProductVariantPrice-colPrice-id"
+                    >
+                      <div
+                        class="MuiFormControl-root-id MuiTextField-root-id ProductVariantPrice-input-id MuiFormControl-fullWidth-id"
+                      >
+                        <label
+                          class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id MuiFormLabel-filled-id"
+                          data-shrink="true"
+                        >
+                          Cost
+                        </label>
+                        <div
+                          class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                        >
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input-id MuiOutlinedInput-input-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                            min="0"
+                            name="test2-channel-costPrice"
+                            type="number"
+                            value="10"
+                          />
+                          <div
+                            class="MuiInputAdornment-root-id PriceField-currencySymbol-id MuiInputAdornment-positionEnd-id"
+                          >
+                            <div
+                              class="MuiTypography-root-id MuiTypography-body1-id MuiTypography-colorTextSecondary-id"
+                            >
+                              USD
+                            </div>
+                          </div>
+                          <fieldset
+                            aria-hidden="true"
+                            class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                          >
+                            <legend
+                              class="PrivateNotchedOutline-legendLabelled-id PrivateNotchedOutline-legendNotched-id"
+                            >
+                              <span>
+                                Cost
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
             </div>
           </div>
           <div
@@ -233484,7 +234414,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -233492,13 +234427,14 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -233623,7 +234559,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -233631,13 +234572,14 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -234599,7 +235541,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -234607,13 +235554,14 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -234738,7 +235686,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -234746,13 +235699,14 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -235580,7 +236534,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -235588,13 +236547,14 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -235658,7 +236618,12 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -235666,13 +236631,14 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -238093,7 +239059,12 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                         value="UA"
                       />
                       <div
+                        aria-haspopup="true"
+                        aria-label="open menu"
                         class="SingleAutocompleteSelectField-adornment-id"
+                        data-toggle="true"
+                        role="button"
+                        type="button"
                       >
                         <svg
                           aria-hidden="true"
@@ -238101,13 +239072,14 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <g
-                            style="fill-rule:evenodd"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </g>
+                          <path
+                            d="M8 10L12 14L16 10"
+                            fill="transparent"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            stroke-width="2"
+                          />
                         </svg>
                       </div>
                       <fieldset
@@ -238849,7 +239821,12 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                         value="UA"
                       />
                       <div
+                        aria-haspopup="true"
+                        aria-label="open menu"
                         class="SingleAutocompleteSelectField-adornment-id"
+                        data-toggle="true"
+                        role="button"
+                        type="button"
                       >
                         <svg
                           aria-hidden="true"
@@ -238857,13 +239834,14 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <g
-                            style="fill-rule:evenodd"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </g>
+                          <path
+                            d="M8 10L12 14L16 10"
+                            fill="transparent"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            stroke-width="2"
+                          />
                         </svg>
                       </div>
                       <fieldset
@@ -239612,7 +240590,12 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                         value=""
                       />
                       <div
+                        aria-haspopup="true"
+                        aria-label="open menu"
                         class="SingleAutocompleteSelectField-adornment-id"
+                        data-toggle="true"
+                        role="button"
+                        type="button"
                       >
                         <svg
                           aria-hidden="true"
@@ -239620,13 +240603,14 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
                           focusable="false"
                           viewBox="0 0 24 24"
                         >
-                          <g
-                            style="fill-rule:evenodd"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </g>
+                          <path
+                            d="M8 10L12 14L16 10"
+                            fill="transparent"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            stroke-width="2"
+                          />
                         </svg>
                       </div>
                       <fieldset
@@ -240055,7 +241039,12 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -240063,13 +241052,14 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -240462,7 +241452,12 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                       value="English"
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="SingleAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -240470,13 +241465,14 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -240844,7 +241840,12 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                       value=""
                     />
                     <div
+                      aria-haspopup="true"
+                      aria-label="open menu"
                       class="MultiAutocompleteSelectField-adornment-id"
+                      data-toggle="true"
+                      role="button"
+                      type="button"
                     >
                       <svg
                         aria-hidden="true"
@@ -240852,13 +241853,14 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <g
-                          style="fill-rule:evenodd"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </g>
+                        <path
+                          d="M8 10L12 14L16 10"
+                          fill="transparent"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
                       </svg>
                     </div>
                     <fieldset
@@ -245702,7 +246704,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -245710,13 +246717,14 @@ exports[`Storyshots Views / Warehouses / Create warehouse default 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -246180,7 +247188,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -246188,13 +247201,14 @@ exports[`Storyshots Views / Warehouses / Create warehouse form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -246650,7 +247664,12 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -246658,13 +247677,14 @@ exports[`Storyshots Views / Warehouses / Create warehouse loading 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -247100,7 +248120,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                           value="Szwecja"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -247108,13 +248133,14 @@ exports[`Storyshots Views / Warehouses / Warehouse details default 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -247892,7 +248918,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                           value="Szwecja"
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -247900,13 +248931,14 @@ exports[`Storyshots Views / Warehouses / Warehouse details form errors 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset
@@ -248682,7 +249714,12 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                           value=""
                         />
                         <div
+                          aria-haspopup="true"
+                          aria-label="open menu"
                           class="SingleAutocompleteSelectField-adornment-id"
+                          data-toggle="true"
+                          role="button"
+                          type="button"
                         >
                           <svg
                             aria-hidden="true"
@@ -248690,13 +249727,14 @@ exports[`Storyshots Views / Warehouses / Warehouse details loading 1`] = `
                             focusable="false"
                             viewBox="0 0 24 24"
                           >
-                            <g
-                              style="fill-rule:evenodd"
-                            >
-                              <path
-                                d="M7 10l5 5 5-5z"
-                              />
-                            </g>
+                            <path
+                              d="M8 10L12 14L16 10"
+                              fill="transparent"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                              stroke-width="2"
+                            />
                           </svg>
                         </div>
                         <fieldset