diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js
new file mode 100644
index 0000000000..eeeadebbb2
--- /dev/null
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js
@@ -0,0 +1,152 @@
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { Row } from '@strapi/parts/Row';
+import { Box } from '@strapi/parts/Box';
+import { ButtonText } from '@strapi/parts/Text';
+import { Stack } from '@strapi/parts/Stack';
+import EditIcon from '@strapi/icons/EditIcon';
+import CloseAlertIcon from '@strapi/icons/CloseAlertIcon';
+import Drag from '@strapi/icons/Drag';
+import { getTrad } from '../../../utils';
+
+const ActionButton = styled.button`
+  display: flex;
+  align-items: center;
+  height: ${({ theme }) => theme.spaces[7]};
+
+  &:last-child {
+    padding: 0 ${({ theme }) => theme.spaces[3]};
+  }
+`;
+
+const DragButton = styled(ActionButton)`
+  padding: 0 ${({ theme }) => theme.spaces[3]};
+  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
+  cursor: all-scroll;
+
+  svg {
+    width: ${12 / 16}rem;
+    height: ${12 / 16}rem;
+  }
+`;
+
+const FieldContainer = styled(Row)`
+  max-height: ${32 / 16}rem;
+  cursor: pointer;
+
+  svg {
+    width: ${10 / 16}rem;
+    height: ${10 / 16}rem;
+
+    path {
+      fill: ${({ theme }) => theme.colors.neutral600};
+    }
+  }
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.primary100};
+    border-color: ${({ theme }) => theme.colors.primary200};
+
+    svg {
+      path {
+        fill: ${({ theme }) => theme.colors.primary600};
+      }
+    }
+
+    ${ButtonText} {
+      color: ${({ theme }) => theme.colors.primary600};
+    }
+
+    ${DragButton} {
+      border-right: 1px solid ${({ theme }) => theme.colors.primary200};
+    }
+  }
+`;
+
+const FieldWrapper = styled(Box)`
+  &:last-child {
+    padding-right: ${({ theme }) => theme.spaces[3]};
+  }
+`;
+
+const DraggableCard = ({ title, onRemoveField }) => {
+  const { formatMessage } = useIntl();
+  const editButtonRef = useRef();
+  const cardTitle = title.length > 20 ? `${title.substring(0, 20)}...` : title;
+
+  const handleClickEditRow = () => {
+    if (editButtonRef.current) {
+      editButtonRef.current.click();
+    }
+  };
+
+  return (
+    <FieldWrapper>
+      <FieldContainer
+        borderColor="neutral150"
+        background="neutral100"
+        hasRadius
+        justifyContent="space-between"
+        onClick={handleClickEditRow}
+      >
+        <Stack horizontal size={3}>
+          <DragButton
+            aria-label={formatMessage(
+              {
+                id: getTrad('components.DraggableCard.move.field'),
+                defaultMessage: 'Move {item}',
+              },
+              { item: title }
+            )}
+            type="button"
+          >
+            <Drag />
+          </DragButton>
+          <ButtonText>{cardTitle}</ButtonText>
+        </Stack>
+        <Row paddingLeft={3}>
+          <ActionButton
+            ref={editButtonRef}
+            onClick={e => {
+              e.stopPropagation();
+              console.log('edit');
+            }}
+            aria-label={formatMessage(
+              {
+                id: getTrad('components.DraggableCard.edit.field'),
+                defaultMessage: 'Edit {item}',
+              },
+              { item: title }
+            )}
+            type="button"
+          >
+            <EditIcon />
+          </ActionButton>
+          <ActionButton
+            onClick={onRemoveField}
+            data-testid={`delete-${title}`}
+            aria-label={formatMessage(
+              {
+                id: getTrad('components.DraggableCard.delete.field'),
+                defaultMessage: 'Delete {item}',
+              },
+              { item: title }
+            )}
+            type="button"
+          >
+            <CloseAlertIcon />
+          </ActionButton>
+        </Row>
+      </FieldContainer>
+    </FieldWrapper>
+  );
+};
+
+DraggableCard.propTypes = {
+  onRemoveField: PropTypes.func.isRequired,
+  title: PropTypes.string.isRequired,
+};
+
+export default DraggableCard;
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/View.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/View.js
new file mode 100644
index 0000000000..a9791777c9
--- /dev/null
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/View.js
@@ -0,0 +1,91 @@
+import React from 'react';
+import styled from 'styled-components';
+import { PropTypes } from 'prop-types';
+import { useIntl } from 'react-intl';
+import { Box } from '@strapi/parts/Box';
+import { Row } from '@strapi/parts/Row';
+import { Stack } from '@strapi/parts/Stack';
+import { H3 } from '@strapi/parts/Text';
+import { SimpleMenu, MenuItem } from '@strapi/parts/SimpleMenu';
+import { IconButton } from '@strapi/parts/IconButton';
+import AddIcon from '@strapi/icons/AddIcon';
+import DraggableCard from './DraggableCard';
+import { getTrad } from '../../../utils';
+
+const Flex = styled(Box)`
+  flex: ${({ size }) => size};
+`;
+
+const ScrollableContainer = styled(Flex)`
+  overflow-x: scroll;
+  overflow-y: hidden;
+`;
+
+const SelectContainer = styled(Flex)`
+  max-width: ${32 / 16}rem;
+`;
+
+const View = ({ listRemainingFields, displayedFields, handleAddField, handleRemoveField }) => {
+  const { formatMessage } = useIntl();
+
+  return (
+    <>
+      <Box paddingBottom={4}>
+        <H3 as="h2">
+          {formatMessage({
+            id: getTrad('containers.SettingPage.view'),
+            defaultMessage: 'View',
+          })}
+        </H3>
+      </Box>
+      <Row
+        paddingTop={4}
+        paddingLeft={4}
+        paddingRight={4}
+        borderColor="neutral300"
+        borderStyle="dashed"
+        borderWidth="1px"
+        hasRadius
+      >
+        <ScrollableContainer size="1" paddingBottom={4}>
+          <Stack horizontal size={3}>
+            {displayedFields.map((field, index) => (
+              <DraggableCard
+                onRemoveField={e => handleRemoveField(e, index)}
+                key={field}
+                title={field}
+              />
+            ))}
+          </Stack>
+        </ScrollableContainer>
+        <SelectContainer size="auto" paddingBottom={4}>
+          <SimpleMenu
+            label={formatMessage({
+              id: getTrad('components.FieldSelect.label'),
+              defaultMessage: 'Add a field',
+            })}
+            as={IconButton}
+            icon={<AddIcon />}
+            disabled={listRemainingFields.length <= 0}
+            data-testid="add-field"
+          >
+            {listRemainingFields.map(field => (
+              <MenuItem key={field} onClick={() => handleAddField(field)}>
+                {field}
+              </MenuItem>
+            ))}
+          </SimpleMenu>
+        </SelectContainer>
+      </Row>
+    </>
+  );
+};
+
+View.propTypes = {
+  displayedFields: PropTypes.array.isRequired,
+  handleAddField: PropTypes.func.isRequired,
+  handleRemoveField: PropTypes.func.isRequired,
+  listRemainingFields: PropTypes.array.isRequired,
+};
+
+export default View;
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js
index 1454658535..c656058c73 100644
--- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js
@@ -1,10 +1,4 @@
-import React, {
-  memo,
-  useContext,
-  // useMemo,
-  useReducer,
-  useState,
-} from 'react';
+import React, { memo, useContext, useReducer, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useMutation } from 'react-query';
 import isEqual from 'lodash/isEqual';
@@ -21,35 +15,39 @@ import { Main } from '@strapi/parts/Main';
 import { Button } from '@strapi/parts/Button';
 import CheckIcon from '@strapi/icons/CheckIcon';
 import BackIcon from '@strapi/icons/BackIcon';
+// import LayoutDndProvider from '../../components/LayoutDndProvider';
+import { checkIfAttributeIsDisplayable, getTrad } from '../../utils';
 import ModelsContext from '../../contexts/ModelsContext';
 import { usePluginsQueryParams } from '../../hooks';
 import putCMSettingsLV from './utils/api';
 import Settings from './components/Settings';
-// import LayoutDndProvider from '../../components/LayoutDndProvider';
+import View from './components/View';
 import init from './init';
 import reducer, { initialState } from './reducer';
 import { EXCLUDED_SORT_OPTIONS } from './utils/excludedSortOptions';
 
 const ListSettingsView = ({ layout, slug }) => {
+  const { formatMessage } = useIntl();
+  const { trackUsage } = useTracking();
   const pluginsQueryParams = usePluginsQueryParams();
   const toggleNotification = useNotification();
   const { refetchData } = useContext(ModelsContext);
+  const [showWarningSubmit, setWarningSubmit] = useState(false);
+  const toggleWarningSubmit = () => setWarningSubmit(prevState => !prevState);
   const [reducerState, dispatch] = useReducer(reducer, initialState, () =>
     init(initialState, layout)
   );
   // const [isOpen, setIsOpen] = useState(false);
   // const [isModalFormOpen, setIsModalFormOpen] = useState(false);
   // const [isDraggingSibling, setIsDraggingSibling] = useState(false);
-  const { formatMessage } = useIntl();
-  const { trackUsage } = useTracking();
   // const toggleModalForm = () => setIsModalFormOpen(prevState => !prevState);
+
   const {
     // labelForm,
     // labelToEdit,
     initialData,
     modifiedData,
   } = reducerState;
-  // const metadatas = get(modifiedData, ['metadatas'], {});
 
   // const attributes = useMemo(() => {
   //   return get(modifiedData, ['attributes'], {});
@@ -57,11 +55,7 @@ const ListSettingsView = ({ layout, slug }) => {
 
   const { attributes } = layout;
 
-  // const displayedFields = useMemo(() => {
-  //   return get(modifiedData, ['layouts', 'list'], []);
-  // }, [modifiedData]);
-
-  // const excludedSortOptions = ['media', 'richtext', 'dynamiczone', 'relation', 'component', 'json'];
+  const displayedFields = modifiedData.layouts.list;
 
   const sortOptions = Object.entries(attributes).reduce((acc, cur) => {
     const [name, { type }] = cur;
@@ -73,19 +67,6 @@ const ListSettingsView = ({ layout, slug }) => {
     return acc;
   }, []);
 
-  // const listRemainingFields = useMemo(() => {
-  //   return Object.keys(metadatas)
-  //     .filter(key => {
-  //       return checkIfAttributeIsDisplayable(get(attributes, key, {}));
-  //     })
-  //     .filter(field => {
-  //       return !displayedFields.includes(field);
-  //     })
-  //     .sort();
-  // }, [displayedFields, attributes, metadatas]);
-
-  // console.log(displayedFields, listRemainingFields);
-
   // const handleClickEditLabel = labelToEdit => {
   //   dispatch({
   //     type: 'SET_LABEL_TO_EDIT',
@@ -108,15 +89,6 @@ const ListSettingsView = ({ layout, slug }) => {
     });
   };
 
-  const [showWarningSubmit, setWarningSubmit] = useState(false);
-  const toggleWarningSubmit = () => setWarningSubmit(prevState => !prevState);
-
-  const handleSubmit = e => {
-    e.preventDefault();
-    toggleWarningSubmit();
-    trackUsage('willSaveContentTypeLayout');
-  };
-
   const goBackUrl = () => {
     const {
       settings: { pageSize, defaultSortBy, defaultSortOrder },
@@ -136,24 +108,42 @@ const ListSettingsView = ({ layout, slug }) => {
     return `/content-manager/${kind}/${uid}?${goBackSearch}`;
   };
 
-  // const handleChangeEditLabel = ({ target: { name, value } }) => {
-  //   dispatch({
-  //     type: 'ON_CHANGE_LABEL_METAS',
-  //     name,
-  //     value,
-  //   });
-  // };
-
   const handleConfirm = async () => {
     const body = pick(modifiedData, ['layouts', 'settings', 'metadatas']);
-    submitMutation.mutateAsync(body);
+    submitMutation.mutate(body);
+  };
+
+  const handleAddField = item => {
+    dispatch({
+      type: 'ADD_FIELD',
+      item,
+    });
+  };
+
+  const handleRemoveField = (e, index) => {
+    e.stopPropagation();
+
+    if (displayedFields.length === 1) {
+      toggleNotification({
+        type: 'info',
+        message: { id: getTrad('notification.info.minimumFields') },
+      });
+    } else {
+      dispatch({
+        type: 'REMOVE_FIELD',
+        index,
+      });
+    }
+  };
+
+  const handleSubmit = e => {
+    e.preventDefault();
+    toggleWarningSubmit();
+    trackUsage('willSaveContentTypeLayout');
   };
 
   const submitMutation = useMutation(body => putCMSettingsLV(body, slug), {
-    onSuccess: async () => {
-      dispatch({
-        type: 'SUBMIT_SUCCEEDED',
-      });
+    onSuccess: () => {
       trackUsage('didEditListSettings');
       refetchData();
     },
@@ -163,11 +153,46 @@ const ListSettingsView = ({ layout, slug }) => {
         message: { id: 'notification.error' },
       });
     },
-    refetchActive: true,
   });
-
   const { isLoading: isSubmittingForm } = submitMutation;
 
+  const listRemainingFields = Object.entries(attributes)
+    .reduce((acc, cur) => {
+      const [attrName, fieldSchema] = cur;
+
+      const isDisplayable = checkIfAttributeIsDisplayable(fieldSchema);
+      const isAlreadyDisplayed = displayedFields.includes(attrName);
+
+      if (isDisplayable && !isAlreadyDisplayed) {
+        acc.push(attrName);
+      }
+
+      return acc;
+    }, [])
+    .sort();
+
+  // const handleClickEditLabel = labelToEdit => {
+  //   dispatch({
+  //     type: 'SET_LABEL_TO_EDIT',
+  //     labelToEdit,
+  //   });
+  //   toggleModalForm();
+  // };
+
+  // const handleClosed = () => {
+  //   dispatch({
+  //     type: 'UNSET_LABEL_TO_EDIT',
+  //   });
+  // };
+
+  // const handleChangeEditLabel = ({ target: { name, value } }) => {
+  //   dispatch({
+  //     type: 'ON_CHANGE_LABEL_METAS',
+  //     name,
+  //     value,
+  //   });
+  // };
+
   // const move = (originalIndex, atIndex) => {
   //   dispatch({
   //     type: 'MOVE_FIELD',
@@ -238,12 +263,12 @@ const ListSettingsView = ({ layout, slug }) => {
               </Button>
             }
             subtitle={formatMessage({
-              id: `components.SettingsViewWrapper.pluginHeader.description.list-settings`,
-              defaultMessage: `Define the settings of the list view.`,
+              id: getTrad('components.SettingsViewWrapper.pluginHeader.description.list-settings'),
+              defaultMessage: 'Define the settings of the list view.',
             })}
             title={formatMessage(
               {
-                id: 'components.SettingsViewWrapper.pluginHeader.title',
+                id: getTrad('components.SettingsViewWrapper.pluginHeader.title'),
                 defaultMessage: 'Configure the view - {name}',
               },
               { name: upperFirst(modifiedData.info.label) }
@@ -264,14 +289,20 @@ const ListSettingsView = ({ layout, slug }) => {
                 onChange={handleChange}
                 sortOptions={sortOptions}
               />
-              <Box padding={6}>
+              <Box paddingTop={6} paddingBottom={6}>
                 <Divider />
               </Box>
+              <View
+                listRemainingFields={listRemainingFields}
+                displayedFields={displayedFields}
+                handleAddField={handleAddField}
+                handleRemoveField={handleRemoveField}
+              />
             </Box>
           </ContentLayout>
           <ConfirmDialog
             bodyText={{
-              id: 'content-manager.popUpWarning.warning.updateAllSettings',
+              id: getTrad('popUpWarning.warning.updateAllSettings'),
               defaultMessage: 'This will modify all your settings',
             }}
             iconRightButton={<CheckIcon />}
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/reducer.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/reducer.js
index 7d7162828b..7a3d5c39e1 100644
--- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/reducer.js
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/reducer.js
@@ -1,6 +1,6 @@
 import produce from 'immer'; // current
 import set from 'lodash/set';
-// import get from 'lodash/get';
+import get from 'lodash/get';
 // import { arrayMoveItem } from '../../utils';
 
 const initialState = {
@@ -14,13 +14,13 @@ const initialState = {
 const reducer = (state = initialState, action) =>
   // eslint-disable-next-line consistent-return
   produce(state, draftState => {
-    // const layoutFieldListPath = ['modifiedData', 'layouts', 'list'];
+    const layoutFieldListPath = ['modifiedData', 'layouts', 'list'];
     switch (action.type) {
-      // case 'ADD_FIELD': {
-      //   const layoutFieldList = get(state, layoutFieldListPath, []);
-      //   set(draftState, layoutFieldListPath, [...layoutFieldList, action.item]);
-      //   break;
-      // }
+      case 'ADD_FIELD': {
+        const layoutFieldList = get(state, layoutFieldListPath, []);
+        set(draftState, layoutFieldListPath, [action.item, ...layoutFieldList]);
+        break;
+      }
       // case 'MOVE_FIELD': {
       //   const layoutFieldList = get(state, layoutFieldListPath, []);
       //   const { originalIndex, atIndex } = action;
@@ -43,15 +43,15 @@ const reducer = (state = initialState, action) =>
       //   draftState.modifiedData = state.initialData;
       //   break;
       // }
-      // case 'REMOVE_FIELD': {
-      //   const layoutFieldList = get(state, layoutFieldListPath, []);
-      //   set(
-      //     draftState,
-      //     layoutFieldListPath,
-      //     layoutFieldList.filter((_, index) => action.index !== index)
-      //   );
-      //   break;
-      // }
+      case 'REMOVE_FIELD': {
+        const layoutFieldList = get(state, layoutFieldListPath, []);
+        set(
+          draftState,
+          layoutFieldListPath,
+          layoutFieldList.filter((_, index) => action.index !== index)
+        );
+        break;
+      }
       // case 'SET_LABEL_TO_EDIT': {
       //   const { labelToEdit } = action;
       //   draftState.labelToEdit = labelToEdit;
@@ -78,10 +78,6 @@ const reducer = (state = initialState, action) =>
       //   set(draftState, [...fieldMetadataPath, 'sortable'], state.labelForm.sortable);
       //   break;
       // }
-      case 'SUBMIT_SUCCEEDED': {
-        draftState.initialData = state.modifiedData;
-        break;
-      }
       default:
         return draftState;
     }
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap
new file mode 100644
index 0000000000..778b05a330
--- /dev/null
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap
@@ -0,0 +1,3895 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ADMIN | CM | LV | Configure the view renders and matches the snapshot 1`] = `
+.c26 {
+  background: #ffffff;
+  padding-top: 24px;
+  padding-right: 32px;
+  padding-bottom: 24px;
+  padding-left: 32px;
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+}
+
+.c27 {
+  padding-bottom: 16px;
+}
+
+.c64 {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+.c21 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c22 {
+  font-weight: 600;
+  line-height: 1.14;
+}
+
+.c18 {
+  padding-right: 8px;
+}
+
+.c15 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c15 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c15 svg > g,
+.c15 svg path {
+  fill: #ffffff;
+}
+
+.c15[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c15:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c15:focus-visible {
+  outline: none;
+}
+
+.c15:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c19 {
+  height: 100%;
+}
+
+.c16 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 10px 16px;
+  background: #4945ff;
+  border: none;
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c16 .c17 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c16 .c20 {
+  color: #ffffff;
+}
+
+.c16[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c16[aria-disabled='true'] .c20 {
+  color: #666687;
+}
+
+.c16[aria-disabled='true'] svg > g,
+.c16[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c16[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c16[aria-disabled='true']:active .c20 {
+  color: #666687;
+}
+
+.c16[aria-disabled='true']:active svg > g,
+.c16[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c16:hover {
+  border: 1px solid #7b79ff;
+  background: #7b79ff;
+}
+
+.c16:active {
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c86 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c86 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c86 svg > g,
+.c86 svg path {
+  fill: #ffffff;
+}
+
+.c86[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c86:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c86:focus-visible {
+  outline: none;
+}
+
+.c86:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c87 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  height: 2rem;
+  width: 2rem;
+}
+
+.c87 svg > g,
+.c87 svg path {
+  fill: #8e8ea9;
+}
+
+.c87:hover svg > g,
+.c87:hover svg path {
+  fill: #666687;
+}
+
+.c87:active svg > g,
+.c87:active svg path {
+  fill: #a5a5ba;
+}
+
+.c87[aria-disabled='true'] {
+  background-color: #eaeaef;
+}
+
+.c87[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c29 {
+  padding-bottom: 24px;
+}
+
+.c67 {
+  padding-top: 16px;
+  padding-right: 16px;
+  padding-left: 16px;
+  border-radius: 4px;
+  border-style: dashed;
+  border-width: 1px;
+  border-color: #c0c0cf;
+}
+
+.c74 {
+  background: #f6f6f9;
+  border-radius: 4px;
+  border-color: #eaeaef;
+  border: 1px solid #eaeaef;
+}
+
+.c83 {
+  padding-left: 12px;
+}
+
+.c30 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.c68 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c75 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c54 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  width: 100%;
+  background: transparent;
+  border: none;
+}
+
+.c54:focus {
+  outline: none;
+}
+
+.c51 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #32324d;
+}
+
+.c58 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c62 {
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #666687;
+}
+
+.c57 {
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.c59 {
+  padding-left: 12px;
+}
+
+.c52 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c55 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c50 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c50 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c50 > * + * {
+  margin-top: 4px;
+}
+
+.c53 {
+  position: relative;
+  border: 1px solid #dcdce4;
+  padding-right: 12px;
+  border-radius: 4px;
+  background: #ffffff;
+  overflow: hidden;
+  min-height: 2.5rem;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c53:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c60 {
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+}
+
+.c60 svg {
+  height: 0.6875rem;
+  width: 0.6875rem;
+}
+
+.c60 svg path {
+  fill: #666687;
+}
+
+.c61 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background: none;
+  border: none;
+}
+
+.c61 svg {
+  width: 0.375rem;
+}
+
+.c56 {
+  width: 100%;
+}
+
+.c71 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c72 > * {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.c72 > * + * {
+  margin-left: 12px;
+}
+
+.c28 {
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+  color: #32324d;
+}
+
+.c81 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c82 {
+  font-weight: 600;
+  line-height: 1.14;
+}
+
+.c35 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #32324d;
+}
+
+.c44 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #271fe0;
+}
+
+.c47 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #b72b1a;
+}
+
+.c38 {
+  background: #ffffff;
+  border-radius: 4px;
+}
+
+.c40 {
+  background: #ffffff;
+  padding-right: 32px;
+  padding-left: 32px;
+}
+
+.c42 {
+  background: #f0f0ff;
+  padding-right: 32px;
+  padding-left: 32px;
+}
+
+.c46 {
+  background: #fcecea;
+  padding-right: 32px;
+  padding-left: 32px;
+}
+
+.c34 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c33 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c33 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c33 > * + * {
+  margin-top: 4px;
+}
+
+.c37 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c36 {
+  position: relative;
+  display: inline-block;
+}
+
+.c39 {
+  height: 2.5rem;
+  border: 1px solid #dcdce4;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  overflow: hidden;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c39:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c43 {
+  text-transform: uppercase;
+  position: relative;
+  z-index: 2;
+}
+
+.c41 {
+  text-transform: uppercase;
+  border-right: 1px solid #dcdce4;
+  position: relative;
+  z-index: 2;
+}
+
+.c45 {
+  position: absolute;
+  z-index: 1;
+  left: 4px;
+  top: 4px;
+}
+
+.c32 {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.c65 {
+  background: #eaeaef;
+}
+
+.c66 {
+  height: 1px;
+  border: none;
+  margin: 0;
+}
+
+.c1 {
+  padding-bottom: 56px;
+}
+
+.c4 {
+  background: #f6f6f9;
+  padding-top: 24px;
+  padding-right: 56px;
+  padding-bottom: 56px;
+  padding-left: 56px;
+}
+
+.c5 {
+  padding-bottom: 12px;
+}
+
+.c25 {
+  padding-right: 56px;
+  padding-left: 56px;
+}
+
+.c0 {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.c2 {
+  overflow-x: hidden;
+}
+
+.c12 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c13 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c14 {
+  font-weight: 600;
+  font-size: 2rem;
+  line-height: 1.25;
+  color: #32324d;
+}
+
+.c23 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #666687;
+}
+
+.c24 {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.c9 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #4945ff;
+}
+
+.c10 {
+  font-weight: 600;
+  line-height: 1.14;
+}
+
+.c11 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+}
+
+.c7 {
+  padding-right: 8px;
+}
+
+.c6 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-transform: uppercase;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  position: relative;
+  outline: none;
+}
+
+.c6 svg path {
+  fill: #4945ff;
+}
+
+.c6 svg {
+  font-size: 0.625rem;
+}
+
+.c6:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c6:focus-visible {
+  outline: none;
+}
+
+.c6:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c8 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c3 {
+  outline: none;
+}
+
+.c48 {
+  display: grid;
+  grid-template-columns: repeat(12,1fr);
+  gap: 16px;
+}
+
+.c49 {
+  grid-column: span 6;
+}
+
+.c63 {
+  grid-column: span 3;
+}
+
+.c31 {
+  gap: 16px;
+}
+
+.c78 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 32px;
+}
+
+.c78:last-child {
+  padding: 0 12px;
+}
+
+.c79 {
+  padding: 0 12px;
+  border-right: 1px solid #eaeaef;
+  cursor: all-scroll;
+}
+
+.c79 svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+.c76 {
+  max-height: 2rem;
+  cursor: pointer;
+}
+
+.c76 svg {
+  width: 0.625rem;
+  height: 0.625rem;
+}
+
+.c76 svg path {
+  fill: #666687;
+}
+
+.c76:hover {
+  background-color: #f0f0ff;
+  border-color: #d9d8ff;
+}
+
+.c76:hover svg path {
+  fill: #4945ff;
+}
+
+.c76:hover .c80 {
+  color: #4945ff;
+}
+
+.c76:hover .c77 {
+  border-right: 1px solid #d9d8ff;
+}
+
+.c73:last-child {
+  padding-right: 12px;
+}
+
+.c69 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c84 {
+  -webkit-flex: auto;
+  -ms-flex: auto;
+  flex: auto;
+}
+
+.c70 {
+  overflow-x: scroll;
+  overflow-y: hidden;
+}
+
+.c85 {
+  max-width: 2rem;
+}
+
+@media (max-width:68.75rem) {
+  .c49 {
+    grid-column: span 12;
+  }
+}
+
+@media (max-width:34.375rem) {
+  .c49 {
+    grid-column: span;
+  }
+}
+
+@media (max-width:68.75rem) {
+  .c63 {
+    grid-column: span 12;
+  }
+}
+
+@media (max-width:34.375rem) {
+  .c63 {
+    grid-column: span;
+  }
+}
+
+<div
+  class="c0"
+>
+  <div
+    class="c1 c2"
+  >
+    <main
+      aria-busy="false"
+      aria-labelledby="main-content-title"
+      class="c3"
+      id="main-content"
+      tabindex="-1"
+    >
+      <form>
+        <div
+          style="height: 0px;"
+        >
+          <div
+            class="c4"
+            data-strapi-header="true"
+          >
+            <div
+              class="c5"
+            >
+              <a
+                class="c6"
+                href="/content-manager/undefined/api::restaurant.restaurant?page=1&pageSize=10&sort=id:ASC"
+                id="go-back"
+              >
+                <span
+                  aria-hidden="true"
+                  class="c7 c8"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24 13.3a.2.2 0 01-.2.2H5.74l8.239 8.239a.2.2 0 010 .282L12.14 23.86a.2.2 0 01-.282 0L.14 12.14a.2.2 0 010-.282L11.86.14a.2.2 0 01.282 0L13.98 1.98a.2.2 0 010 .282L5.74 10.5H23.8c.11 0 .2.09.2.2v2.6z"
+                      fill="#212134"
+                    />
+                  </svg>
+                </span>
+                <span
+                  class="c9 c10 c11"
+                >
+                  Go back
+                </span>
+              </a>
+            </div>
+            <div
+              class="c12"
+            >
+              <div
+                class="c13"
+              >
+                <h1
+                  class="c14"
+                  id="main-content-title"
+                >
+                  Configure the view - Michka
+                </h1>
+              </div>
+              <button
+                aria-disabled="true"
+                class="c15 c16"
+                disabled=""
+                type="submit"
+              >
+                <div
+                  aria-hidden="true"
+                  class="c17 c18 c19"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M20.727 2.97a.2.2 0 01.286 0l2.85 2.89a.2.2 0 010 .28L9.554 20.854a.2.2 0 01-.285 0l-9.13-9.243a.2.2 0 010-.281l2.85-2.892a.2.2 0 01.284 0l6.14 6.209L20.726 2.97z"
+                      fill="#212134"
+                    />
+                  </svg>
+                </div>
+                <span
+                  class="c20 c21 c22"
+                >
+                  Save
+                </span>
+              </button>
+            </div>
+            <p
+              class="c23 c24"
+            >
+              Define the settings of the list view.
+            </p>
+          </div>
+        </div>
+        <div
+          class="c25"
+        >
+          <div
+            class="c26"
+          >
+            <div
+              class="c27"
+            >
+              <h2
+                class="c28"
+              >
+                Settings
+              </h2>
+            </div>
+            <div
+              class="c29 c30 c31"
+              wrap="wrap"
+            >
+              <div
+                class="c32"
+              >
+                <div
+                  class="c33"
+                >
+                  <div
+                    class="c34"
+                  >
+                    <label
+                      class="c35"
+                      for="field-1"
+                    >
+                      Enable search
+                    </label>
+                  </div>
+                  <label
+                    class="c36"
+                  >
+                    <div
+                      class="c37"
+                    >
+                      Enable search
+                    </div>
+                    <div
+                      class="c38 c39"
+                    >
+                      <div
+                        aria-hidden="true"
+                        class="c40 c34 c41"
+                      >
+                        <span
+                          class="c35"
+                        >
+                          off
+                        </span>
+                      </div>
+                      <div
+                        aria-hidden="true"
+                        class="c42 c34 c43"
+                      >
+                        <span
+                          class="c44"
+                        >
+                          on
+                        </span>
+                      </div>
+                      <input
+                        checked=""
+                        class="c45"
+                        name="settings.searchable"
+                        type="checkbox"
+                      />
+                    </div>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="c32"
+              >
+                <div
+                  class="c33"
+                >
+                  <div
+                    class="c34"
+                  >
+                    <label
+                      class="c35"
+                      for="field-2"
+                    >
+                      Enable filters
+                    </label>
+                  </div>
+                  <label
+                    class="c36"
+                  >
+                    <div
+                      class="c37"
+                    >
+                      Enable filters
+                    </div>
+                    <div
+                      class="c38 c39"
+                    >
+                      <div
+                        aria-hidden="true"
+                        class="c40 c34 c41"
+                      >
+                        <span
+                          class="c35"
+                        >
+                          off
+                        </span>
+                      </div>
+                      <div
+                        aria-hidden="true"
+                        class="c42 c34 c43"
+                      >
+                        <span
+                          class="c44"
+                        >
+                          on
+                        </span>
+                      </div>
+                      <input
+                        checked=""
+                        class="c45"
+                        name="settings.filterable"
+                        type="checkbox"
+                      />
+                    </div>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="c32"
+              >
+                <div
+                  class="c33"
+                >
+                  <div
+                    class="c34"
+                  >
+                    <label
+                      class="c35"
+                      for="field-3"
+                    >
+                      Enable bulk actions
+                    </label>
+                  </div>
+                  <label
+                    class="c36"
+                  >
+                    <div
+                      class="c37"
+                    >
+                      Enable bulk actions
+                    </div>
+                    <div
+                      class="c38 c39"
+                    >
+                      <div
+                        aria-hidden="true"
+                        class="c46 c34 c41"
+                      >
+                        <span
+                          class="c47"
+                        >
+                          off
+                        </span>
+                      </div>
+                      <div
+                        aria-hidden="true"
+                        class="c40 c34 c43"
+                      >
+                        <span
+                          class="c35"
+                        >
+                          on
+                        </span>
+                      </div>
+                      <input
+                        class="c45"
+                        name="settings.bulkable"
+                        type="checkbox"
+                      />
+                    </div>
+                  </label>
+                </div>
+              </div>
+            </div>
+            <div
+              class="c48"
+            >
+              <div
+                class="c49"
+              >
+                <div
+                  class=""
+                >
+                  <div>
+                    <div
+                      class="c50"
+                    >
+                      <span
+                        class="c51"
+                        for="select-1"
+                        id="select-1-label"
+                      >
+                        Entries per page
+                      </span>
+                      <div
+                        class="c52 c53"
+                      >
+                        <button
+                          aria-describedby="select-1-hint"
+                          aria-disabled="false"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-labelledby="select-1-label select-1-content"
+                          class="c54"
+                          id="select-1"
+                          name="settings.pageSize"
+                          type="button"
+                        />
+                        <div
+                          class="c55 c56"
+                        >
+                          <div
+                            class="c52"
+                          >
+                            <div
+                              class="c57"
+                            >
+                              <span
+                                class="c58"
+                                id="select-1-content"
+                              >
+                                10
+                              </span>
+                            </div>
+                          </div>
+                          <div
+                            class="c52"
+                          >
+                            <button
+                              aria-hidden="true"
+                              class="c59 c60 c61"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <svg
+                                fill="none"
+                                height="1em"
+                                viewBox="0 0 14 8"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                                  fill="#32324D"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                      <p
+                        class="c62"
+                        id="select-1-hint"
+                      >
+                        Note: You can override this value in the Collection Type settings page.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="c63"
+              >
+                <div
+                  class=""
+                >
+                  <div>
+                    <div
+                      class="c50"
+                    >
+                      <span
+                        class="c51"
+                        for="select-2"
+                        id="select-2-label"
+                      >
+                        Default sort attribute
+                      </span>
+                      <div
+                        class="c52 c53"
+                      >
+                        <button
+                          aria-disabled="false"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-labelledby="select-2-label select-2-content"
+                          class="c54"
+                          id="select-2"
+                          name="settings.defaultSortBy"
+                          type="button"
+                        />
+                        <div
+                          class="c55 c56"
+                        >
+                          <div
+                            class="c52"
+                          >
+                            <div
+                              class="c57"
+                            >
+                              <span
+                                class="c58"
+                                id="select-2-content"
+                              >
+                                id
+                              </span>
+                            </div>
+                          </div>
+                          <div
+                            class="c52"
+                          >
+                            <button
+                              aria-hidden="true"
+                              class="c59 c60 c61"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <svg
+                                fill="none"
+                                height="1em"
+                                viewBox="0 0 14 8"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                                  fill="#32324D"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="c63"
+              >
+                <div
+                  class=""
+                >
+                  <div>
+                    <div
+                      class="c50"
+                    >
+                      <span
+                        class="c51"
+                        for="select-3"
+                        id="select-3-label"
+                      >
+                        Default sort order
+                      </span>
+                      <div
+                        class="c52 c53"
+                      >
+                        <button
+                          aria-disabled="false"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-labelledby="select-3-label select-3-content"
+                          class="c54"
+                          id="select-3"
+                          name="settings.defaultSortOrder"
+                          type="button"
+                        />
+                        <div
+                          class="c55 c56"
+                        >
+                          <div
+                            class="c52"
+                          >
+                            <div
+                              class="c57"
+                            >
+                              <span
+                                class="c58"
+                                id="select-3-content"
+                              >
+                                ASC
+                              </span>
+                            </div>
+                          </div>
+                          <div
+                            class="c52"
+                          >
+                            <button
+                              aria-hidden="true"
+                              class="c59 c60 c61"
+                              tabindex="-1"
+                              type="button"
+                            >
+                              <svg
+                                fill="none"
+                                height="1em"
+                                viewBox="0 0 14 8"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                                  fill="#32324D"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="c64"
+            >
+              <hr
+                class="c65 c66"
+              />
+            </div>
+            <div
+              class="c27"
+            >
+              <h2
+                class="c28"
+              >
+                View
+              </h2>
+            </div>
+            <div
+              class="c67 c68"
+            >
+              <div
+                class="c27 c69 c70"
+                size="1"
+              >
+                <div
+                  class="c71 c72"
+                >
+                  <div
+                    class="c73"
+                  >
+                    <div
+                      class="c74 c75 c76"
+                    >
+                      <div
+                        class="c71 c72"
+                      >
+                        <button
+                          aria-label="Move id"
+                          class="c77 c78 c79"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M16.563 5.587a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M18.487 3.083c-.012.788-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574A1.943 1.943 0 0114.9 2.11c.4-.684 1.2-1.066 1.981-.927a1.954 1.954 0 011.606 1.9c.011.748 1.17.748 1.158 0A3.138 3.138 0 0017.565.17c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM16.563 14.372a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M18.487 11.867c-.012.789-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.968 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.675 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.005zM16.563 23.392a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M18.487 20.89c-.012.787-.487 1.512-1.229 1.796a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.967 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM7.378 5.622a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M9.302 3.119c-.011.788-.486 1.512-1.228 1.796a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38.205c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.005zM7.378 14.406a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M9.302 11.902c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38 8.988c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.674 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.006zM7.378 23.427a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M9.302 20.924c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927.933.156 1.594.967 1.605 1.9.012.748 1.17.748 1.16 0A3.139 3.139 0 008.38 18.01c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.569.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.747-1.147-.747-1.159 0z"
+                              fill="#212134"
+                            />
+                          </svg>
+                        </button>
+                        <span
+                          class="c80 c81 c82"
+                        >
+                          id
+                        </span>
+                      </div>
+                      <div
+                        class="c83 c68"
+                      >
+                        <button
+                          aria-label="Edit id"
+                          class="c78"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M23.604 3.514c.528.528.528 1.36 0 1.887l-2.622 2.607-4.99-4.99L18.6.396a1.322 1.322 0 011.887 0l3.118 3.118zM0 24v-4.99l14.2-14.2 4.99 4.99L4.99 24H0z"
+                              fill="#212134"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Delete id"
+                          class="c78"
+                          data-testid="delete-id"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
+                              fill="#212134"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="c73"
+                  >
+                    <div
+                      class="c74 c75 c76"
+                    >
+                      <div
+                        class="c71 c72"
+                      >
+                        <button
+                          aria-label="Move address"
+                          class="c77 c78 c79"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M16.563 5.587a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M18.487 3.083c-.012.788-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574A1.943 1.943 0 0114.9 2.11c.4-.684 1.2-1.066 1.981-.927a1.954 1.954 0 011.606 1.9c.011.748 1.17.748 1.158 0A3.138 3.138 0 0017.565.17c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM16.563 14.372a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M18.487 11.867c-.012.789-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.968 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.675 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.005zM16.563 23.392a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M18.487 20.89c-.012.787-.487 1.512-1.229 1.796a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.967 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM7.378 5.622a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M9.302 3.119c-.011.788-.486 1.512-1.228 1.796a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38.205c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.005zM7.378 14.406a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M9.302 11.902c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38 8.988c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.674 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.006zM7.378 23.427a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                              fill="#212134"
+                            />
+                            <path
+                              d="M9.302 20.924c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927.933.156 1.594.967 1.605 1.9.012.748 1.17.748 1.16 0A3.139 3.139 0 008.38 18.01c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.569.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.747-1.147-.747-1.159 0z"
+                              fill="#212134"
+                            />
+                          </svg>
+                        </button>
+                        <span
+                          class="c80 c81 c82"
+                        >
+                          address
+                        </span>
+                      </div>
+                      <div
+                        class="c83 c68"
+                      >
+                        <button
+                          aria-label="Edit address"
+                          class="c78"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M23.604 3.514c.528.528.528 1.36 0 1.887l-2.622 2.607-4.99-4.99L18.6.396a1.322 1.322 0 011.887 0l3.118 3.118zM0 24v-4.99l14.2-14.2 4.99 4.99L4.99 24H0z"
+                              fill="#212134"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Delete address"
+                          class="c78"
+                          data-testid="delete-address"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
+                              fill="#212134"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="c27 c84 c85"
+              >
+                <div>
+                  <span>
+                    <button
+                      aria-controls="simplemenu-1"
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      aria-labelledby="tooltip-1"
+                      class="c86 c87"
+                      data-testid="add-field"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M24 13.604a.3.3 0 01-.3.3h-9.795V23.7a.3.3 0 01-.3.3h-3.21a.3.3 0 01-.3-.3v-9.795H.3a.3.3 0 01-.3-.3v-3.21a.3.3 0 01.3-.3h9.795V.3a.3.3 0 01.3-.3h3.21a.3.3 0 01.3.3v9.795H23.7a.3.3 0 01.3.3v3.21z"
+                          fill="#212134"
+                        />
+                      </svg>
+                    </button>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`ADMIN | CM | LV | Configure the view should add field 1`] = `
+.c88 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c26 {
+  background: #ffffff;
+  padding-top: 24px;
+  padding-right: 32px;
+  padding-bottom: 24px;
+  padding-left: 32px;
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+}
+
+.c27 {
+  padding-bottom: 16px;
+}
+
+.c64 {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+.c21 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c22 {
+  font-weight: 600;
+  line-height: 1.14;
+}
+
+.c18 {
+  padding-right: 8px;
+}
+
+.c15 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c15 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c15 svg > g,
+.c15 svg path {
+  fill: #ffffff;
+}
+
+.c15[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c15:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c15:focus-visible {
+  outline: none;
+}
+
+.c15:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c19 {
+  height: 100%;
+}
+
+.c16 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 10px 16px;
+  background: #4945ff;
+  border: none;
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c16 .c17 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c16 .c20 {
+  color: #ffffff;
+}
+
+.c16[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c16[aria-disabled='true'] .c20 {
+  color: #666687;
+}
+
+.c16[aria-disabled='true'] svg > g,
+.c16[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c16[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c16[aria-disabled='true']:active .c20 {
+  color: #666687;
+}
+
+.c16[aria-disabled='true']:active svg > g,
+.c16[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c16:hover {
+  border: 1px solid #7b79ff;
+  background: #7b79ff;
+}
+
+.c16:active {
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c89 {
+  background: #212134;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+.c91 {
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #ffffff;
+}
+
+.c90 {
+  position: absolute;
+  z-index: 4;
+  display: none;
+}
+
+.c86 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c86 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c86 svg > g,
+.c86 svg path {
+  fill: #ffffff;
+}
+
+.c86[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c86:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c86:focus-visible {
+  outline: none;
+}
+
+.c86:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c87 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  height: 2rem;
+  width: 2rem;
+}
+
+.c87 svg > g,
+.c87 svg path {
+  fill: #8e8ea9;
+}
+
+.c87:hover svg > g,
+.c87:hover svg path {
+  fill: #666687;
+}
+
+.c87:active svg > g,
+.c87:active svg path {
+  fill: #a5a5ba;
+}
+
+.c87[aria-disabled='true'] {
+  background-color: #eaeaef;
+}
+
+.c87[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c29 {
+  padding-bottom: 24px;
+}
+
+.c67 {
+  padding-top: 16px;
+  padding-right: 16px;
+  padding-left: 16px;
+  border-radius: 4px;
+  border-style: dashed;
+  border-width: 1px;
+  border-color: #c0c0cf;
+}
+
+.c74 {
+  background: #f6f6f9;
+  border-radius: 4px;
+  border-color: #eaeaef;
+  border: 1px solid #eaeaef;
+}
+
+.c83 {
+  padding-left: 12px;
+}
+
+.c30 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.c68 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c75 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c54 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  width: 100%;
+  background: transparent;
+  border: none;
+}
+
+.c54:focus {
+  outline: none;
+}
+
+.c51 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #32324d;
+}
+
+.c58 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c62 {
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #666687;
+}
+
+.c57 {
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.c59 {
+  padding-left: 12px;
+}
+
+.c52 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c55 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c50 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c50 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c50 > * + * {
+  margin-top: 4px;
+}
+
+.c53 {
+  position: relative;
+  border: 1px solid #dcdce4;
+  padding-right: 12px;
+  border-radius: 4px;
+  background: #ffffff;
+  overflow: hidden;
+  min-height: 2.5rem;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c53:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c60 {
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+}
+
+.c60 svg {
+  height: 0.6875rem;
+  width: 0.6875rem;
+}
+
+.c60 svg path {
+  fill: #666687;
+}
+
+.c61 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background: none;
+  border: none;
+}
+
+.c61 svg {
+  width: 0.375rem;
+}
+
+.c56 {
+  width: 100%;
+}
+
+.c71 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c72 > * {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.c72 > * + * {
+  margin-left: 12px;
+}
+
+.c28 {
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+  color: #32324d;
+}
+
+.c81 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c82 {
+  font-weight: 600;
+  line-height: 1.14;
+}
+
+.c35 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #32324d;
+}
+
+.c44 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #271fe0;
+}
+
+.c47 {
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #b72b1a;
+}
+
+.c38 {
+  background: #ffffff;
+  border-radius: 4px;
+}
+
+.c40 {
+  background: #ffffff;
+  padding-right: 32px;
+  padding-left: 32px;
+}
+
+.c42 {
+  background: #f0f0ff;
+  padding-right: 32px;
+  padding-left: 32px;
+}
+
+.c46 {
+  background: #fcecea;
+  padding-right: 32px;
+  padding-left: 32px;
+}
+
+.c34 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c33 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c33 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c33 > * + * {
+  margin-top: 4px;
+}
+
+.c37 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c36 {
+  position: relative;
+  display: inline-block;
+}
+
+.c39 {
+  height: 2.5rem;
+  border: 1px solid #dcdce4;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  overflow: hidden;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c39:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c43 {
+  text-transform: uppercase;
+  position: relative;
+  z-index: 2;
+}
+
+.c41 {
+  text-transform: uppercase;
+  border-right: 1px solid #dcdce4;
+  position: relative;
+  z-index: 2;
+}
+
+.c45 {
+  position: absolute;
+  z-index: 1;
+  left: 4px;
+  top: 4px;
+}
+
+.c32 {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.c65 {
+  background: #eaeaef;
+}
+
+.c66 {
+  height: 1px;
+  border: none;
+  margin: 0;
+}
+
+.c1 {
+  padding-bottom: 56px;
+}
+
+.c4 {
+  background: #f6f6f9;
+  padding-top: 24px;
+  padding-right: 56px;
+  padding-bottom: 56px;
+  padding-left: 56px;
+}
+
+.c5 {
+  padding-bottom: 12px;
+}
+
+.c25 {
+  padding-right: 56px;
+  padding-left: 56px;
+}
+
+.c0 {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.c2 {
+  overflow-x: hidden;
+}
+
+.c12 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c13 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c14 {
+  font-weight: 600;
+  font-size: 2rem;
+  line-height: 1.25;
+  color: #32324d;
+}
+
+.c23 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #666687;
+}
+
+.c24 {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.c9 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #4945ff;
+}
+
+.c10 {
+  font-weight: 600;
+  line-height: 1.14;
+}
+
+.c11 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+}
+
+.c7 {
+  padding-right: 8px;
+}
+
+.c6 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-transform: uppercase;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  position: relative;
+  outline: none;
+}
+
+.c6 svg path {
+  fill: #4945ff;
+}
+
+.c6 svg {
+  font-size: 0.625rem;
+}
+
+.c6:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c6:focus-visible {
+  outline: none;
+}
+
+.c6:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c8 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c3 {
+  outline: none;
+}
+
+.c48 {
+  display: grid;
+  grid-template-columns: repeat(12,1fr);
+  gap: 16px;
+}
+
+.c49 {
+  grid-column: span 6;
+}
+
+.c63 {
+  grid-column: span 3;
+}
+
+.c31 {
+  gap: 16px;
+}
+
+.c99 {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #32324d;
+}
+
+.c92 {
+  background: #ffffff;
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.c95 {
+  padding: 4px;
+}
+
+.c98 {
+  padding: 8px;
+}
+
+.c96 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c93 {
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+  position: absolute;
+  z-index: 4;
+  border: 1px solid #eaeaef;
+  background: #ffffff;
+}
+
+.c94 {
+  max-height: 15rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.c94::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 4px;
+}
+
+.c94::-webkit-scrollbar-track {
+  background: #ffffff;
+}
+
+.c94::-webkit-scrollbar-thumb {
+  background: #eaeaef;
+  border-radius: 4px;
+  margin-right: 10px;
+}
+
+.c97 {
+  border: none;
+  padding: 0;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  width: 100%;
+  color: #32324d;
+  border-radius: 4px;
+}
+
+.c97:focus {
+  background-color: #f0f0ff;
+}
+
+.c97:hover {
+  background-color: #f0f0ff;
+}
+
+.c78 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 32px;
+}
+
+.c78:last-child {
+  padding: 0 12px;
+}
+
+.c79 {
+  padding: 0 12px;
+  border-right: 1px solid #eaeaef;
+  cursor: all-scroll;
+}
+
+.c79 svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+.c76 {
+  max-height: 2rem;
+  cursor: pointer;
+}
+
+.c76 svg {
+  width: 0.625rem;
+  height: 0.625rem;
+}
+
+.c76 svg path {
+  fill: #666687;
+}
+
+.c76:hover {
+  background-color: #f0f0ff;
+  border-color: #d9d8ff;
+}
+
+.c76:hover svg path {
+  fill: #4945ff;
+}
+
+.c76:hover .c80 {
+  color: #4945ff;
+}
+
+.c76:hover .c77 {
+  border-right: 1px solid #d9d8ff;
+}
+
+.c73:last-child {
+  padding-right: 12px;
+}
+
+.c69 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c84 {
+  -webkit-flex: auto;
+  -ms-flex: auto;
+  flex: auto;
+}
+
+.c70 {
+  overflow-x: scroll;
+  overflow-y: hidden;
+}
+
+.c85 {
+  max-width: 2rem;
+}
+
+@media (max-width:68.75rem) {
+  .c49 {
+    grid-column: span 12;
+  }
+}
+
+@media (max-width:34.375rem) {
+  .c49 {
+    grid-column: span;
+  }
+}
+
+@media (max-width:68.75rem) {
+  .c63 {
+    grid-column: span 12;
+  }
+}
+
+@media (max-width:34.375rem) {
+  .c63 {
+    grid-column: span;
+  }
+}
+
+<body>
+  <div
+    class="c0"
+  >
+    <div
+      class="c1 c2"
+    >
+      <main
+        aria-busy="false"
+        aria-labelledby="main-content-title"
+        class="c3"
+        id="main-content"
+        tabindex="-1"
+      >
+        <form>
+          <div
+            style="height: 0px;"
+          >
+            <div
+              class="c4"
+              data-strapi-header="true"
+            >
+              <div
+                class="c5"
+              >
+                <a
+                  class="c6"
+                  href="/content-manager/undefined/api::restaurant.restaurant?page=1&pageSize=10&sort=id:ASC"
+                  id="go-back"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="c7 c8"
+                  >
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M24 13.3a.2.2 0 01-.2.2H5.74l8.239 8.239a.2.2 0 010 .282L12.14 23.86a.2.2 0 01-.282 0L.14 12.14a.2.2 0 010-.282L11.86.14a.2.2 0 01.282 0L13.98 1.98a.2.2 0 010 .282L5.74 10.5H23.8c.11 0 .2.09.2.2v2.6z"
+                        fill="#212134"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="c9 c10 c11"
+                  >
+                    Go back
+                  </span>
+                </a>
+              </div>
+              <div
+                class="c12"
+              >
+                <div
+                  class="c13"
+                >
+                  <h1
+                    class="c14"
+                    id="main-content-title"
+                  >
+                    Configure the view - Michka
+                  </h1>
+                </div>
+                <button
+                  aria-disabled="false"
+                  class="c15 c16"
+                  type="submit"
+                >
+                  <div
+                    aria-hidden="true"
+                    class="c17 c18 c19"
+                  >
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M20.727 2.97a.2.2 0 01.286 0l2.85 2.89a.2.2 0 010 .28L9.554 20.854a.2.2 0 01-.285 0l-9.13-9.243a.2.2 0 010-.281l2.85-2.892a.2.2 0 01.284 0l6.14 6.209L20.726 2.97z"
+                        fill="#212134"
+                      />
+                    </svg>
+                  </div>
+                  <span
+                    class="c20 c21 c22"
+                  >
+                    Save
+                  </span>
+                </button>
+              </div>
+              <p
+                class="c23 c24"
+              >
+                Define the settings of the list view.
+              </p>
+            </div>
+          </div>
+          <div
+            class="c25"
+          >
+            <div
+              class="c26"
+            >
+              <div
+                class="c27"
+              >
+                <h2
+                  class="c28"
+                >
+                  Settings
+                </h2>
+              </div>
+              <div
+                class="c29 c30 c31"
+                wrap="wrap"
+              >
+                <div
+                  class="c32"
+                >
+                  <div
+                    class="c33"
+                  >
+                    <div
+                      class="c34"
+                    >
+                      <label
+                        class="c35"
+                        for="field-10"
+                      >
+                        Enable search
+                      </label>
+                    </div>
+                    <label
+                      class="c36"
+                    >
+                      <div
+                        class="c37"
+                      >
+                        Enable search
+                      </div>
+                      <div
+                        class="c38 c39"
+                      >
+                        <div
+                          aria-hidden="true"
+                          class="c40 c34 c41"
+                        >
+                          <span
+                            class="c35"
+                          >
+                            off
+                          </span>
+                        </div>
+                        <div
+                          aria-hidden="true"
+                          class="c42 c34 c43"
+                        >
+                          <span
+                            class="c44"
+                          >
+                            on
+                          </span>
+                        </div>
+                        <input
+                          checked=""
+                          class="c45"
+                          name="settings.searchable"
+                          type="checkbox"
+                        />
+                      </div>
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="c32"
+                >
+                  <div
+                    class="c33"
+                  >
+                    <div
+                      class="c34"
+                    >
+                      <label
+                        class="c35"
+                        for="field-11"
+                      >
+                        Enable filters
+                      </label>
+                    </div>
+                    <label
+                      class="c36"
+                    >
+                      <div
+                        class="c37"
+                      >
+                        Enable filters
+                      </div>
+                      <div
+                        class="c38 c39"
+                      >
+                        <div
+                          aria-hidden="true"
+                          class="c40 c34 c41"
+                        >
+                          <span
+                            class="c35"
+                          >
+                            off
+                          </span>
+                        </div>
+                        <div
+                          aria-hidden="true"
+                          class="c42 c34 c43"
+                        >
+                          <span
+                            class="c44"
+                          >
+                            on
+                          </span>
+                        </div>
+                        <input
+                          checked=""
+                          class="c45"
+                          name="settings.filterable"
+                          type="checkbox"
+                        />
+                      </div>
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="c32"
+                >
+                  <div
+                    class="c33"
+                  >
+                    <div
+                      class="c34"
+                    >
+                      <label
+                        class="c35"
+                        for="field-12"
+                      >
+                        Enable bulk actions
+                      </label>
+                    </div>
+                    <label
+                      class="c36"
+                    >
+                      <div
+                        class="c37"
+                      >
+                        Enable bulk actions
+                      </div>
+                      <div
+                        class="c38 c39"
+                      >
+                        <div
+                          aria-hidden="true"
+                          class="c46 c34 c41"
+                        >
+                          <span
+                            class="c47"
+                          >
+                            off
+                          </span>
+                        </div>
+                        <div
+                          aria-hidden="true"
+                          class="c40 c34 c43"
+                        >
+                          <span
+                            class="c35"
+                          >
+                            on
+                          </span>
+                        </div>
+                        <input
+                          class="c45"
+                          name="settings.bulkable"
+                          type="checkbox"
+                        />
+                      </div>
+                    </label>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="c48"
+              >
+                <div
+                  class="c49"
+                >
+                  <div
+                    class=""
+                  >
+                    <div>
+                      <div
+                        class="c50"
+                      >
+                        <span
+                          class="c51"
+                          for="select-10"
+                          id="select-10-label"
+                        >
+                          Entries per page
+                        </span>
+                        <div
+                          class="c52 c53"
+                        >
+                          <button
+                            aria-describedby="select-10-hint"
+                            aria-disabled="false"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-labelledby="select-10-label select-10-content"
+                            class="c54"
+                            id="select-10"
+                            name="settings.pageSize"
+                            type="button"
+                          />
+                          <div
+                            class="c55 c56"
+                          >
+                            <div
+                              class="c52"
+                            >
+                              <div
+                                class="c57"
+                              >
+                                <span
+                                  class="c58"
+                                  id="select-10-content"
+                                >
+                                  10
+                                </span>
+                              </div>
+                            </div>
+                            <div
+                              class="c52"
+                            >
+                              <button
+                                aria-hidden="true"
+                                class="c59 c60 c61"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <svg
+                                  fill="none"
+                                  height="1em"
+                                  viewBox="0 0 14 8"
+                                  width="1em"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                                    fill="#32324D"
+                                    fill-rule="evenodd"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                        <p
+                          class="c62"
+                          id="select-10-hint"
+                        >
+                          Note: You can override this value in the Collection Type settings page.
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c63"
+                >
+                  <div
+                    class=""
+                  >
+                    <div>
+                      <div
+                        class="c50"
+                      >
+                        <span
+                          class="c51"
+                          for="select-11"
+                          id="select-11-label"
+                        >
+                          Default sort attribute
+                        </span>
+                        <div
+                          class="c52 c53"
+                        >
+                          <button
+                            aria-disabled="false"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-labelledby="select-11-label select-11-content"
+                            class="c54"
+                            id="select-11"
+                            name="settings.defaultSortBy"
+                            type="button"
+                          />
+                          <div
+                            class="c55 c56"
+                          >
+                            <div
+                              class="c52"
+                            >
+                              <div
+                                class="c57"
+                              >
+                                <span
+                                  class="c58"
+                                  id="select-11-content"
+                                >
+                                  id
+                                </span>
+                              </div>
+                            </div>
+                            <div
+                              class="c52"
+                            >
+                              <button
+                                aria-hidden="true"
+                                class="c59 c60 c61"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <svg
+                                  fill="none"
+                                  height="1em"
+                                  viewBox="0 0 14 8"
+                                  width="1em"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                                    fill="#32324D"
+                                    fill-rule="evenodd"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c63"
+                >
+                  <div
+                    class=""
+                  >
+                    <div>
+                      <div
+                        class="c50"
+                      >
+                        <span
+                          class="c51"
+                          for="select-12"
+                          id="select-12-label"
+                        >
+                          Default sort order
+                        </span>
+                        <div
+                          class="c52 c53"
+                        >
+                          <button
+                            aria-disabled="false"
+                            aria-expanded="false"
+                            aria-haspopup="listbox"
+                            aria-labelledby="select-12-label select-12-content"
+                            class="c54"
+                            id="select-12"
+                            name="settings.defaultSortOrder"
+                            type="button"
+                          />
+                          <div
+                            class="c55 c56"
+                          >
+                            <div
+                              class="c52"
+                            >
+                              <div
+                                class="c57"
+                              >
+                                <span
+                                  class="c58"
+                                  id="select-12-content"
+                                >
+                                  ASC
+                                </span>
+                              </div>
+                            </div>
+                            <div
+                              class="c52"
+                            >
+                              <button
+                                aria-hidden="true"
+                                class="c59 c60 c61"
+                                tabindex="-1"
+                                type="button"
+                              >
+                                <svg
+                                  fill="none"
+                                  height="1em"
+                                  viewBox="0 0 14 8"
+                                  width="1em"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                                    fill="#32324D"
+                                    fill-rule="evenodd"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="c64"
+              >
+                <hr
+                  class="c65 c66"
+                />
+              </div>
+              <div
+                class="c27"
+              >
+                <h2
+                  class="c28"
+                >
+                  View
+                </h2>
+              </div>
+              <div
+                class="c67 c68"
+              >
+                <div
+                  class="c27 c69 c70"
+                  size="1"
+                >
+                  <div
+                    class="c71 c72"
+                  >
+                    <div
+                      class="c73"
+                    >
+                      <div
+                        class="c74 c75 c76"
+                      >
+                        <div
+                          class="c71 c72"
+                        >
+                          <button
+                            aria-label="Move cover"
+                            class="c77 c78 c79"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.563 5.587a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 3.083c-.012.788-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574A1.943 1.943 0 0114.9 2.11c.4-.684 1.2-1.066 1.981-.927a1.954 1.954 0 011.606 1.9c.011.748 1.17.748 1.158 0A3.138 3.138 0 0017.565.17c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM16.563 14.372a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 11.867c-.012.789-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.968 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.675 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.005zM16.563 23.392a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 20.89c-.012.787-.487 1.512-1.229 1.796a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.967 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM7.378 5.622a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 3.119c-.011.788-.486 1.512-1.228 1.796a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38.205c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.005zM7.378 14.406a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 11.902c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38 8.988c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.674 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.006zM7.378 23.427a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 20.924c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927.933.156 1.594.967 1.605 1.9.012.748 1.17.748 1.16 0A3.139 3.139 0 008.38 18.01c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.569.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.747-1.147-.747-1.159 0z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </button>
+                          <span
+                            class="c80 c81 c82"
+                          >
+                            cover
+                          </span>
+                        </div>
+                        <div
+                          class="c83 c68"
+                        >
+                          <button
+                            aria-label="Edit cover"
+                            class="c78"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M23.604 3.514c.528.528.528 1.36 0 1.887l-2.622 2.607-4.99-4.99L18.6.396a1.322 1.322 0 011.887 0l3.118 3.118zM0 24v-4.99l14.2-14.2 4.99 4.99L4.99 24H0z"
+                                fill="#212134"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                          <button
+                            aria-label="Delete cover"
+                            class="c78"
+                            data-testid="delete-cover"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="c73"
+                    >
+                      <div
+                        class="c74 c75 c76"
+                      >
+                        <div
+                          class="c71 c72"
+                        >
+                          <button
+                            aria-label="Move id"
+                            class="c77 c78 c79"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.563 5.587a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 3.083c-.012.788-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574A1.943 1.943 0 0114.9 2.11c.4-.684 1.2-1.066 1.981-.927a1.954 1.954 0 011.606 1.9c.011.748 1.17.748 1.158 0A3.138 3.138 0 0017.565.17c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM16.563 14.372a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 11.867c-.012.789-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.968 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.675 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.005zM16.563 23.392a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 20.89c-.012.787-.487 1.512-1.229 1.796a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.967 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM7.378 5.622a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 3.119c-.011.788-.486 1.512-1.228 1.796a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38.205c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.005zM7.378 14.406a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 11.902c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38 8.988c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.674 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.006zM7.378 23.427a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 20.924c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927.933.156 1.594.967 1.605 1.9.012.748 1.17.748 1.16 0A3.139 3.139 0 008.38 18.01c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.569.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.747-1.147-.747-1.159 0z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </button>
+                          <span
+                            class="c80 c81 c82"
+                          >
+                            id
+                          </span>
+                        </div>
+                        <div
+                          class="c83 c68"
+                        >
+                          <button
+                            aria-label="Edit id"
+                            class="c78"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M23.604 3.514c.528.528.528 1.36 0 1.887l-2.622 2.607-4.99-4.99L18.6.396a1.322 1.322 0 011.887 0l3.118 3.118zM0 24v-4.99l14.2-14.2 4.99 4.99L4.99 24H0z"
+                                fill="#212134"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                          <button
+                            aria-label="Delete id"
+                            class="c78"
+                            data-testid="delete-id"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="c73"
+                    >
+                      <div
+                        class="c74 c75 c76"
+                      >
+                        <div
+                          class="c71 c72"
+                        >
+                          <button
+                            aria-label="Move address"
+                            class="c77 c78 c79"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.563 5.587a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 3.083c-.012.788-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574A1.943 1.943 0 0114.9 2.11c.4-.684 1.2-1.066 1.981-.927a1.954 1.954 0 011.606 1.9c.011.748 1.17.748 1.158 0A3.138 3.138 0 0017.565.17c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM16.563 14.372a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 11.867c-.012.789-.487 1.513-1.229 1.797a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.968 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.675 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.005zM16.563 23.392a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M18.487 20.89c-.012.787-.487 1.512-1.229 1.796a1.954 1.954 0 01-2.184-.574 1.943 1.943 0 01-.174-2.196c.4-.684 1.2-1.066 1.981-.927.928.156 1.588.967 1.606 1.9.011.748 1.17.748 1.158 0a3.138 3.138 0 00-2.08-2.914c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.284 3.575.678 1.124 1.993 1.674 3.273 1.431 1.432-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.158-.006zM7.378 5.622a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 3.119c-.011.788-.486 1.512-1.228 1.796a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38.205c-1.176-.423-2.567-.029-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.005zM7.378 14.406a2.503 2.503 0 100-5.006 2.503 2.503 0 000 5.006z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 11.902c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927a1.943 1.943 0 011.605 1.9c.012.748 1.17.748 1.16 0A3.138 3.138 0 008.38 8.988c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.575.678 1.124 1.994 1.674 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.753-1.147-.753-1.159-.006zM7.378 23.427a2.503 2.503 0 100-5.007 2.503 2.503 0 000 5.007z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M9.302 20.924c-.011.788-.486 1.513-1.228 1.797a1.954 1.954 0 01-2.185-.574 1.943 1.943 0 01-.173-2.196c.4-.684 1.199-1.066 1.981-.927.933.156 1.594.967 1.605 1.9.012.748 1.17.748 1.16 0A3.139 3.139 0 008.38 18.01c-1.176-.423-2.567-.03-3.36.933-.83 1.002-.968 2.45-.285 3.569.678 1.124 1.994 1.675 3.274 1.431 1.431-.272 2.428-1.593 2.451-3.019.012-.747-1.147-.747-1.159 0z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </button>
+                          <span
+                            class="c80 c81 c82"
+                          >
+                            address
+                          </span>
+                        </div>
+                        <div
+                          class="c83 c68"
+                        >
+                          <button
+                            aria-label="Edit address"
+                            class="c78"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M23.604 3.514c.528.528.528 1.36 0 1.887l-2.622 2.607-4.99-4.99L18.6.396a1.322 1.322 0 011.887 0l3.118 3.118zM0 24v-4.99l14.2-14.2 4.99 4.99L4.99 24H0z"
+                                fill="#212134"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                          <button
+                            aria-label="Delete address"
+                            class="c78"
+                            data-testid="delete-address"
+                            type="button"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c27 c84 c85"
+                >
+                  <div>
+                    <span>
+                      <button
+                        aria-controls="simplemenu-4"
+                        aria-disabled="false"
+                        aria-expanded="true"
+                        aria-haspopup="true"
+                        aria-labelledby="tooltip-7"
+                        class="c86 c87"
+                        data-testid="add-field"
+                        tabindex="0"
+                        type="button"
+                      >
+                        <svg
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M24 13.604a.3.3 0 01-.3.3h-9.795V23.7a.3.3 0 01-.3.3h-3.21a.3.3 0 01-.3-.3v-9.795H.3a.3.3 0 01-.3-.3v-3.21a.3.3 0 01.3-.3h9.795V.3a.3.3 0 01.3-.3h3.21a.3.3 0 01.3.3v9.795H23.7a.3.3 0 01.3.3v3.21z"
+                            fill="#212134"
+                          />
+                        </svg>
+                      </button>
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </form>
+      </main>
+    </div>
+  </div>
+  <div
+    class="c88"
+  >
+    <p
+      aria-live="polite"
+      aria-relevant="all"
+      id="live-region-log"
+      role="log"
+    />
+    <p
+      aria-live="polite"
+      aria-relevant="all"
+      id="live-region-status"
+      role="status"
+    />
+    <p
+      aria-live="assertive"
+      aria-relevant="all"
+      id="live-region-alert"
+      role="alert"
+    />
+  </div>
+  <div
+    data-react-portal="true"
+  >
+    <div
+      class="c89 c90"
+      id="tooltip-7"
+      role="tooltip"
+      style="left: 0px; top: -8px;"
+    >
+      <p
+        class="c91"
+      >
+        Add a field
+      </p>
+    </div>
+  </div>
+  <div
+    data-react-portal="true"
+  >
+    <div
+      class="c92 c93"
+      style="left: 0px; top: 4px;"
+    >
+      <div
+        class="c94"
+      >
+        <ul
+          class="c95"
+          id="simplemenu-4"
+          role="menu"
+        >
+          <li
+            class="c96"
+            role="menuitem"
+          >
+            <button
+              class="c97"
+              role="menuitem"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="c98"
+              >
+                <span
+                  class="c99"
+                >
+                  averagePrice
+                </span>
+              </div>
+            </button>
+          </li>
+          <li
+            class="c96"
+            role="menuitem"
+          >
+            <button
+              class="c97"
+              role="menuitem"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                class="c98"
+              >
+                <span
+                  class="c99"
+                >
+                  since
+                </span>
+              </div>
+            </button>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js
index 785fdb55c0..12499f6efe 100644
--- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js
@@ -43,10 +43,26 @@ const layout = {
   info: {
     label: 'michka',
   },
-  uid: 'api::restaurant.restaurant',
-  settings: {},
-  metadatas: {},
+  metadatas: {
+    address: {},
+    averagePrice: {},
+    cover: {},
+    id: {},
+    since: {},
+  },
+  layouts: {
+    list: ['id', 'address'],
+  },
   options: {},
+  settings: {
+    bulkable: false,
+    defaultSortBy: 'id',
+    defaultSortOrder: 'ASC',
+    filterable: true,
+    pageSize: 10,
+    searchable: true,
+  },
+  uid: 'api::restaurant.restaurant',
 };
 
 const makeApp = history => (
@@ -70,1259 +86,13 @@ const makeApp = history => (
 describe('ADMIN | CM | LV | Configure the view', () => {
   it('renders and matches the snapshot', async () => {
     const history = createMemoryHistory();
-    history.push('/content-manager');
 
     const { container } = render(makeApp(history));
-    await waitFor(() => {
-      expect(screen.getByText('Configure the view - Michka')).toBeInTheDocument();
-    });
+    await waitFor(() =>
+      expect(screen.getByText('Configure the view - Michka')).toBeInTheDocument()
+    );
 
-    expect(container.firstChild).toMatchInlineSnapshot(`
-      .c26 {
-        background: #ffffff;
-        padding-top: 24px;
-        padding-right: 32px;
-        padding-bottom: 24px;
-        padding-left: 32px;
-        border-radius: 4px;
-        box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
-      }
-
-      .c27 {
-        padding-bottom: 16px;
-      }
-
-      .c62 {
-        padding: 24px;
-      }
-
-      .c21 {
-        font-weight: 400;
-        font-size: 0.875rem;
-        line-height: 1.43;
-        color: #32324d;
-      }
-
-      .c22 {
-        font-weight: 600;
-        line-height: 1.14;
-      }
-
-      .c18 {
-        padding-right: 8px;
-      }
-
-      .c15 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        cursor: pointer;
-        padding: 8px;
-        border-radius: 4px;
-        background: #ffffff;
-        border: 1px solid #dcdce4;
-        position: relative;
-        outline: none;
-      }
-
-      .c15 svg {
-        height: 12px;
-        width: 12px;
-      }
-
-      .c15 svg > g,
-      .c15 svg path {
-        fill: #ffffff;
-      }
-
-      .c15[aria-disabled='true'] {
-        pointer-events: none;
-      }
-
-      .c15:after {
-        -webkit-transition-property: all;
-        transition-property: all;
-        -webkit-transition-duration: 0.2s;
-        transition-duration: 0.2s;
-        border-radius: 8px;
-        content: '';
-        position: absolute;
-        top: -4px;
-        bottom: -4px;
-        left: -4px;
-        right: -4px;
-        border: 2px solid transparent;
-      }
-
-      .c15:focus-visible {
-        outline: none;
-      }
-
-      .c15:focus-visible:after {
-        border-radius: 8px;
-        content: '';
-        position: absolute;
-        top: -5px;
-        bottom: -5px;
-        left: -5px;
-        right: -5px;
-        border: 2px solid #4945ff;
-      }
-
-      .c19 {
-        height: 100%;
-      }
-
-      .c16 {
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        padding: 10px 16px;
-        background: #4945ff;
-        border: none;
-        border: 1px solid #4945ff;
-        background: #4945ff;
-      }
-
-      .c16 .c17 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-      }
-
-      .c16 .c20 {
-        color: #ffffff;
-      }
-
-      .c16[aria-disabled='true'] {
-        border: 1px solid #dcdce4;
-        background: #eaeaef;
-      }
-
-      .c16[aria-disabled='true'] .c20 {
-        color: #666687;
-      }
-
-      .c16[aria-disabled='true'] svg > g,
-      .c16[aria-disabled='true'] svg path {
-        fill: #666687;
-      }
-
-      .c16[aria-disabled='true']:active {
-        border: 1px solid #dcdce4;
-        background: #eaeaef;
-      }
-
-      .c16[aria-disabled='true']:active .c20 {
-        color: #666687;
-      }
-
-      .c16[aria-disabled='true']:active svg > g,
-      .c16[aria-disabled='true']:active svg path {
-        fill: #666687;
-      }
-
-      .c16:hover {
-        border: 1px solid #7b79ff;
-        background: #7b79ff;
-      }
-
-      .c16:active {
-        border: 1px solid #4945ff;
-        background: #4945ff;
-      }
-
-      .c29 {
-        padding-bottom: 24px;
-      }
-
-      .c30 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        -webkit-box-pack: justify;
-        -webkit-justify-content: space-between;
-        -ms-flex-pack: justify;
-        justify-content: space-between;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-flex-wrap: wrap;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-      }
-
-      .c52 {
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        top: 0;
-        width: 100%;
-        background: transparent;
-        border: none;
-      }
-
-      .c52:focus {
-        outline: none;
-      }
-
-      .c49 {
-        font-weight: 500;
-        font-size: 0.75rem;
-        line-height: 1.33;
-        color: #32324d;
-      }
-
-      .c56 {
-        font-weight: 400;
-        font-size: 0.875rem;
-        line-height: 1.43;
-        color: #666687;
-      }
-
-      .c60 {
-        font-weight: 400;
-        font-size: 0.75rem;
-        line-height: 1.33;
-        color: #666687;
-      }
-
-      .c55 {
-        padding-right: 16px;
-        padding-left: 16px;
-      }
-
-      .c57 {
-        padding-left: 12px;
-      }
-
-      .c50 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-      }
-
-      .c53 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        -webkit-box-pack: justify;
-        -webkit-justify-content: space-between;
-        -ms-flex-pack: justify;
-        justify-content: space-between;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-      }
-
-      .c48 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
-      }
-
-      .c48 > * {
-        margin-top: 0;
-        margin-bottom: 0;
-      }
-
-      .c48 > * + * {
-        margin-top: 4px;
-      }
-
-      .c51 {
-        position: relative;
-        border: 1px solid #dcdce4;
-        padding-right: 12px;
-        border-radius: 4px;
-        background: #ffffff;
-        overflow: hidden;
-        min-height: 2.5rem;
-        outline: none;
-        box-shadow: 0;
-        -webkit-transition-property: border-color,box-shadow,fill;
-        transition-property: border-color,box-shadow,fill;
-        -webkit-transition-duration: 0.2s;
-        transition-duration: 0.2s;
-      }
-
-      .c51:focus-within {
-        border: 1px solid #4945ff;
-        box-shadow: #4945ff 0px 0px 0px 2px;
-      }
-
-      .c58 {
-        background: transparent;
-        border: none;
-        position: relative;
-        z-index: 1;
-      }
-
-      .c58 svg {
-        height: 0.6875rem;
-        width: 0.6875rem;
-      }
-
-      .c58 svg path {
-        fill: #666687;
-      }
-
-      .c59 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        background: none;
-        border: none;
-      }
-
-      .c59 svg {
-        width: 0.375rem;
-      }
-
-      .c54 {
-        width: 100%;
-      }
-
-      .c28 {
-        font-weight: 500;
-        font-size: 1rem;
-        line-height: 1.25;
-        color: #32324d;
-      }
-
-      .c35 {
-        font-weight: 500;
-        font-size: 0.75rem;
-        line-height: 1.33;
-        color: #32324d;
-      }
-
-      .c42 {
-        font-weight: 500;
-        font-size: 0.75rem;
-        line-height: 1.33;
-        color: #b72b1a;
-      }
-
-      .c38 {
-        background: #ffffff;
-        border-radius: 4px;
-      }
-
-      .c40 {
-        background: #fcecea;
-        padding-right: 32px;
-        padding-left: 32px;
-      }
-
-      .c43 {
-        background: #ffffff;
-        padding-right: 32px;
-        padding-left: 32px;
-      }
-
-      .c34 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-      }
-
-      .c33 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
-      }
-
-      .c33 > * {
-        margin-top: 0;
-        margin-bottom: 0;
-      }
-
-      .c33 > * + * {
-        margin-top: 4px;
-      }
-
-      .c37 {
-        border: 0;
-        -webkit-clip: rect(0 0 0 0);
-        clip: rect(0 0 0 0);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-      }
-
-      .c36 {
-        position: relative;
-        display: inline-block;
-      }
-
-      .c39 {
-        height: 2.5rem;
-        border: 1px solid #dcdce4;
-        display: -webkit-inline-box;
-        display: -webkit-inline-flex;
-        display: -ms-inline-flexbox;
-        display: inline-flex;
-        overflow: hidden;
-        outline: none;
-        box-shadow: 0;
-        -webkit-transition-property: border-color,box-shadow,fill;
-        transition-property: border-color,box-shadow,fill;
-        -webkit-transition-duration: 0.2s;
-        transition-duration: 0.2s;
-      }
-
-      .c39:focus-within {
-        border: 1px solid #4945ff;
-        box-shadow: #4945ff 0px 0px 0px 2px;
-      }
-
-      .c44 {
-        text-transform: uppercase;
-        position: relative;
-        z-index: 2;
-      }
-
-      .c41 {
-        text-transform: uppercase;
-        border-right: 1px solid #dcdce4;
-        position: relative;
-        z-index: 2;
-      }
-
-      .c45 {
-        position: absolute;
-        z-index: 1;
-        left: 4px;
-        top: 4px;
-      }
-
-      .c32 {
-        width: -webkit-fit-content;
-        width: -moz-fit-content;
-        width: fit-content;
-      }
-
-      .c63 {
-        background: #eaeaef;
-      }
-
-      .c64 {
-        height: 1px;
-        border: none;
-        margin: 0;
-      }
-
-      .c1 {
-        padding-bottom: 56px;
-      }
-
-      .c4 {
-        background: #f6f6f9;
-        padding-top: 24px;
-        padding-right: 56px;
-        padding-bottom: 56px;
-        padding-left: 56px;
-      }
-
-      .c5 {
-        padding-bottom: 12px;
-      }
-
-      .c25 {
-        padding-right: 56px;
-        padding-left: 56px;
-      }
-
-      .c0 {
-        display: grid;
-        grid-template-columns: 1fr;
-      }
-
-      .c2 {
-        overflow-x: hidden;
-      }
-
-      .c12 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        -webkit-box-pack: justify;
-        -webkit-justify-content: space-between;
-        -ms-flex-pack: justify;
-        justify-content: space-between;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-      }
-
-      .c13 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-      }
-
-      .c14 {
-        font-weight: 600;
-        font-size: 2rem;
-        line-height: 1.25;
-        color: #32324d;
-      }
-
-      .c23 {
-        font-weight: 400;
-        font-size: 0.875rem;
-        line-height: 1.43;
-        color: #666687;
-      }
-
-      .c24 {
-        font-size: 1rem;
-        line-height: 1.5;
-      }
-
-      .c9 {
-        font-weight: 400;
-        font-size: 0.875rem;
-        line-height: 1.43;
-        color: #4945ff;
-      }
-
-      .c10 {
-        font-weight: 600;
-        line-height: 1.14;
-      }
-
-      .c11 {
-        font-weight: 600;
-        font-size: 0.6875rem;
-        line-height: 1.45;
-        text-transform: uppercase;
-      }
-
-      .c7 {
-        padding-right: 8px;
-      }
-
-      .c6 {
-        display: -webkit-inline-box;
-        display: -webkit-inline-flex;
-        display: -ms-inline-flexbox;
-        display: inline-flex;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        text-transform: uppercase;
-        -webkit-text-decoration: none;
-        text-decoration: none;
-        position: relative;
-        outline: none;
-      }
-
-      .c6 svg path {
-        fill: #4945ff;
-      }
-
-      .c6 svg {
-        font-size: 0.625rem;
-      }
-
-      .c6:after {
-        -webkit-transition-property: all;
-        transition-property: all;
-        -webkit-transition-duration: 0.2s;
-        transition-duration: 0.2s;
-        border-radius: 8px;
-        content: '';
-        position: absolute;
-        top: -4px;
-        bottom: -4px;
-        left: -4px;
-        right: -4px;
-        border: 2px solid transparent;
-      }
-
-      .c6:focus-visible {
-        outline: none;
-      }
-
-      .c6:focus-visible:after {
-        border-radius: 8px;
-        content: '';
-        position: absolute;
-        top: -5px;
-        bottom: -5px;
-        left: -5px;
-        right: -5px;
-        border: 2px solid #4945ff;
-      }
-
-      .c8 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-      }
-
-      .c3 {
-        outline: none;
-      }
-
-      .c46 {
-        display: grid;
-        grid-template-columns: repeat(12,1fr);
-        gap: 16px;
-      }
-
-      .c47 {
-        grid-column: span 6;
-      }
-
-      .c61 {
-        grid-column: span 3;
-      }
-
-      .c31 {
-        gap: 16px;
-      }
-
-      @media (max-width:68.75rem) {
-        .c47 {
-          grid-column: span 12;
-        }
-      }
-
-      @media (max-width:34.375rem) {
-        .c47 {
-          grid-column: span;
-        }
-      }
-
-      @media (max-width:68.75rem) {
-        .c61 {
-          grid-column: span 12;
-        }
-      }
-
-      @media (max-width:34.375rem) {
-        .c61 {
-          grid-column: span;
-        }
-      }
-
-      <div
-        class="c0"
-      >
-        <div
-          class="c1 c2"
-        >
-          <main
-            aria-busy="false"
-            aria-labelledby="main-content-title"
-            class="c3"
-            id="main-content"
-            tabindex="-1"
-          >
-            <form>
-              <div
-                style="height: 0px;"
-              >
-                <div
-                  class="c4"
-                  data-strapi-header="true"
-                >
-                  <div
-                    class="c5"
-                  >
-                    <a
-                      class="c6"
-                      href="/content-manager/undefined/api::restaurant.restaurant?page=1&sort=undefined:undefined"
-                      id="go-back"
-                    >
-                      <span
-                        aria-hidden="true"
-                        class="c7 c8"
-                      >
-                        <svg
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M24 13.3a.2.2 0 01-.2.2H5.74l8.239 8.239a.2.2 0 010 .282L12.14 23.86a.2.2 0 01-.282 0L.14 12.14a.2.2 0 010-.282L11.86.14a.2.2 0 01.282 0L13.98 1.98a.2.2 0 010 .282L5.74 10.5H23.8c.11 0 .2.09.2.2v2.6z"
-                            fill="#212134"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="c9 c10 c11"
-                      >
-                        Go back
-                      </span>
-                    </a>
-                  </div>
-                  <div
-                    class="c12"
-                  >
-                    <div
-                      class="c13"
-                    >
-                      <h1
-                        class="c14"
-                        id="main-content-title"
-                      >
-                        Configure the view - Michka
-                      </h1>
-                    </div>
-                    <button
-                      aria-disabled="true"
-                      class="c15 c16"
-                      disabled=""
-                      type="submit"
-                    >
-                      <div
-                        aria-hidden="true"
-                        class="c17 c18 c19"
-                      >
-                        <svg
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M20.727 2.97a.2.2 0 01.286 0l2.85 2.89a.2.2 0 010 .28L9.554 20.854a.2.2 0 01-.285 0l-9.13-9.243a.2.2 0 010-.281l2.85-2.892a.2.2 0 01.284 0l6.14 6.209L20.726 2.97z"
-                            fill="#212134"
-                          />
-                        </svg>
-                      </div>
-                      <span
-                        class="c20 c21 c22"
-                      >
-                        Save
-                      </span>
-                    </button>
-                  </div>
-                  <p
-                    class="c23 c24"
-                  >
-                    Define the settings of the list view.
-                  </p>
-                </div>
-              </div>
-              <div
-                class="c25"
-              >
-                <div
-                  class="c26"
-                >
-                  <div
-                    class="c27"
-                  >
-                    <h2
-                      class="c28"
-                    >
-                      Settings
-                    </h2>
-                  </div>
-                  <div
-                    class="c29 c30 c31"
-                    wrap="wrap"
-                  >
-                    <div
-                      class="c32"
-                    >
-                      <div
-                        class="c33"
-                      >
-                        <div
-                          class="c34"
-                        >
-                          <label
-                            class="c35"
-                            for="field-1"
-                          >
-                            Enable search
-                          </label>
-                        </div>
-                        <label
-                          class="c36"
-                        >
-                          <div
-                            class="c37"
-                          >
-                            Enable search
-                          </div>
-                          <div
-                            class="c38 c39"
-                          >
-                            <div
-                              aria-hidden="true"
-                              class="c40 c34 c41"
-                            >
-                              <span
-                                class="c42"
-                              >
-                                off
-                              </span>
-                            </div>
-                            <div
-                              aria-hidden="true"
-                              class="c43 c34 c44"
-                            >
-                              <span
-                                class="c35"
-                              >
-                                on
-                              </span>
-                            </div>
-                            <input
-                              class="c45"
-                              name="settings.searchable"
-                              type="checkbox"
-                            />
-                          </div>
-                        </label>
-                      </div>
-                    </div>
-                    <div
-                      class="c32"
-                    >
-                      <div
-                        class="c33"
-                      >
-                        <div
-                          class="c34"
-                        >
-                          <label
-                            class="c35"
-                            for="field-2"
-                          >
-                            Enable filters
-                          </label>
-                        </div>
-                        <label
-                          class="c36"
-                        >
-                          <div
-                            class="c37"
-                          >
-                            Enable filters
-                          </div>
-                          <div
-                            class="c38 c39"
-                          >
-                            <div
-                              aria-hidden="true"
-                              class="c40 c34 c41"
-                            >
-                              <span
-                                class="c42"
-                              >
-                                off
-                              </span>
-                            </div>
-                            <div
-                              aria-hidden="true"
-                              class="c43 c34 c44"
-                            >
-                              <span
-                                class="c35"
-                              >
-                                on
-                              </span>
-                            </div>
-                            <input
-                              class="c45"
-                              name="settings.filterable"
-                              type="checkbox"
-                            />
-                          </div>
-                        </label>
-                      </div>
-                    </div>
-                    <div
-                      class="c32"
-                    >
-                      <div
-                        class="c33"
-                      >
-                        <div
-                          class="c34"
-                        >
-                          <label
-                            class="c35"
-                            for="field-3"
-                          >
-                            Enable bulk actions
-                          </label>
-                        </div>
-                        <label
-                          class="c36"
-                        >
-                          <div
-                            class="c37"
-                          >
-                            Enable bulk actions
-                          </div>
-                          <div
-                            class="c38 c39"
-                          >
-                            <div
-                              aria-hidden="true"
-                              class="c40 c34 c41"
-                            >
-                              <span
-                                class="c42"
-                              >
-                                off
-                              </span>
-                            </div>
-                            <div
-                              aria-hidden="true"
-                              class="c43 c34 c44"
-                            >
-                              <span
-                                class="c35"
-                              >
-                                on
-                              </span>
-                            </div>
-                            <input
-                              class="c45"
-                              name="settings.bulkable"
-                              type="checkbox"
-                            />
-                          </div>
-                        </label>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="c46"
-                  >
-                    <div
-                      class="c47"
-                    >
-                      <div
-                        class=""
-                      >
-                        <div>
-                          <div
-                            class="c48"
-                          >
-                            <span
-                              class="c49"
-                              for="select-1"
-                              id="select-1-label"
-                            >
-                              Entries per page
-                            </span>
-                            <div
-                              class="c50 c51"
-                            >
-                              <button
-                                aria-describedby="select-1-hint"
-                                aria-disabled="false"
-                                aria-expanded="false"
-                                aria-haspopup="listbox"
-                                aria-labelledby="select-1-label select-1-content"
-                                class="c52"
-                                id="select-1"
-                                name="settings.pageSize"
-                                type="button"
-                              />
-                              <div
-                                class="c53 c54"
-                              >
-                                <div
-                                  class="c50"
-                                >
-                                  <div
-                                    class="c55"
-                                  >
-                                    <span
-                                      class="c56"
-                                      id="select-1-content"
-                                    >
-                                      Select...
-                                    </span>
-                                  </div>
-                                </div>
-                                <div
-                                  class="c50"
-                                >
-                                  
-                                  <button
-                                    aria-hidden="true"
-                                    class="c57 c58 c59"
-                                    tabindex="-1"
-                                    type="button"
-                                  >
-                                    <svg
-                                      fill="none"
-                                      height="1em"
-                                      viewBox="0 0 14 8"
-                                      width="1em"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        clip-rule="evenodd"
-                                        d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
-                                        fill="#32324D"
-                                        fill-rule="evenodd"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                            <p
-                              class="c60"
-                              id="select-1-hint"
-                            >
-                              Note: You can override this value in the Collection Type settings page.
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="c61"
-                    >
-                      <div
-                        class=""
-                      >
-                        <div>
-                          <div
-                            class="c48"
-                          >
-                            <span
-                              class="c49"
-                              for="select-2"
-                              id="select-2-label"
-                            >
-                              Default sort attribute
-                            </span>
-                            <div
-                              class="c50 c51"
-                            >
-                              <button
-                                aria-disabled="false"
-                                aria-expanded="false"
-                                aria-haspopup="listbox"
-                                aria-labelledby="select-2-label select-2-content"
-                                class="c52"
-                                id="select-2"
-                                name="settings.defaultSortBy"
-                                type="button"
-                              />
-                              <div
-                                class="c53 c54"
-                              >
-                                <div
-                                  class="c50"
-                                >
-                                  <div
-                                    class="c55"
-                                  >
-                                    <span
-                                      class="c56"
-                                      id="select-2-content"
-                                    >
-                                      Select...
-                                    </span>
-                                  </div>
-                                </div>
-                                <div
-                                  class="c50"
-                                >
-                                  
-                                  <button
-                                    aria-hidden="true"
-                                    class="c57 c58 c59"
-                                    tabindex="-1"
-                                    type="button"
-                                  >
-                                    <svg
-                                      fill="none"
-                                      height="1em"
-                                      viewBox="0 0 14 8"
-                                      width="1em"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        clip-rule="evenodd"
-                                        d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
-                                        fill="#32324D"
-                                        fill-rule="evenodd"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="c61"
-                    >
-                      <div
-                        class=""
-                      >
-                        <div>
-                          <div
-                            class="c48"
-                          >
-                            <span
-                              class="c49"
-                              for="select-3"
-                              id="select-3-label"
-                            >
-                              Default sort order
-                            </span>
-                            <div
-                              class="c50 c51"
-                            >
-                              <button
-                                aria-disabled="false"
-                                aria-expanded="false"
-                                aria-haspopup="listbox"
-                                aria-labelledby="select-3-label select-3-content"
-                                class="c52"
-                                id="select-3"
-                                name="settings.defaultSortOrder"
-                                type="button"
-                              />
-                              <div
-                                class="c53 c54"
-                              >
-                                <div
-                                  class="c50"
-                                >
-                                  <div
-                                    class="c55"
-                                  >
-                                    <span
-                                      class="c56"
-                                      id="select-3-content"
-                                    >
-                                      Select...
-                                    </span>
-                                  </div>
-                                </div>
-                                <div
-                                  class="c50"
-                                >
-                                  
-                                  <button
-                                    aria-hidden="true"
-                                    class="c57 c58 c59"
-                                    tabindex="-1"
-                                    type="button"
-                                  >
-                                    <svg
-                                      fill="none"
-                                      height="1em"
-                                      viewBox="0 0 14 8"
-                                      width="1em"
-                                      xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                      <path
-                                        clip-rule="evenodd"
-                                        d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
-                                        fill="#32324D"
-                                        fill-rule="evenodd"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="c62"
-                  >
-                    <hr
-                      class="c63 c64"
-                    />
-                  </div>
-                </div>
-              </div>
-            </form>
-          </main>
-        </div>
-      </div>
-    `);
+    expect(container.firstChild).toMatchSnapshot();
   });
 
   it('should keep plugins query params when arriving on the page and going back', async () => {
@@ -1332,14 +102,48 @@ describe('ADMIN | CM | LV | Configure the view', () => {
     );
 
     const { container } = render(makeApp(history));
-    await waitFor(() => {
-      expect(screen.getByText('Configure the view - Michka')).toBeInTheDocument();
-    });
+    await waitFor(() =>
+      expect(screen.getByText('Configure the view - Michka')).toBeInTheDocument()
+    );
 
     expect(history.location.search).toEqual('?plugins[i18n][locale]=fr');
     fireEvent.click(container.querySelector('#go-back'));
     expect(history.location.search).toEqual(
-      '?page=1&sort=undefined:undefined&plugins[i18n][locale]=fr'
+      '?page=1&pageSize=10&sort=id:ASC&plugins[i18n][locale]=fr'
     );
   });
+
+  it('should add field', async () => {
+    const history = createMemoryHistory();
+
+    const { container } = render(makeApp(history), { container: document.body });
+
+    await waitFor(() =>
+      expect(screen.getByText('Configure the view - Michka')).toBeInTheDocument()
+    );
+
+    fireEvent.mouseDown(screen.getByTestId('add-field'));
+
+    await waitFor(() => expect(screen.getByText('cover')).toBeInTheDocument());
+
+    fireEvent.mouseDown(screen.getByText('cover'));
+    fireEvent.mouseDown(screen.getByTestId('add-field'));
+
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should delete field', async () => {
+    const history = createMemoryHistory();
+
+    const { queryByTestId } = render(makeApp(history));
+    await waitFor(() =>
+      expect(screen.getByText('Configure the view - Michka')).toBeInTheDocument()
+    );
+
+    expect(queryByTestId('delete-id')).toBeInTheDocument();
+
+    fireEvent.click(screen.getByTestId('delete-id'));
+
+    expect(queryByTestId('delete-id')).not.toBeInTheDocument();
+  });
 });
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/reducer.test.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/reducer.test.js
index 90505406e9..bd5c45a5a6 100644
--- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/reducer.test.js
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/reducer.test.js
@@ -19,21 +19,21 @@ describe('CONTENT MANAGER | CONTAINERS | ListSettingsView | reducer', () => {
     expect(reducer(state, {})).toEqual(expected);
   });
 
-  // describe('ADD_FIELD', () => {
-  //   it('should add a field to the layout correctly', () => {
-  //     const expected = {
-  //       ...state,
-  //       modifiedData: {
-  //         layouts: {
-  //           list: ['title'],
-  //         },
-  //       },
-  //     };
-  //     const action = { type: 'ADD_FIELD', item: 'title' };
+  describe('ADD_FIELD', () => {
+    it('should add a field to the layout correctly', () => {
+      const expected = {
+        ...state,
+        modifiedData: {
+          layouts: {
+            list: ['title'],
+          },
+        },
+      };
+      const action = { type: 'ADD_FIELD', item: 'title' };
 
-  //     expect(reducer(state, action)).toEqual(expected);
-  //   });
-  // });
+      expect(reducer(state, action)).toEqual(expected);
+    });
+  });
 
   // describe('MOVE_FIELD', () => {
   //   it('should replace the title by the description and vice-versa', () => {
@@ -103,32 +103,32 @@ describe('CONTENT MANAGER | CONTAINERS | ListSettingsView | reducer', () => {
   //   });
   // });
 
-  // describe('REMOVE_FIELD', () => {
-  //   it('should remove the field', () => {
-  //     state.modifiedData = {
-  //       layouts: {
-  //         list: ['id', 'description', 'title'],
-  //       },
-  //       settings: {
-  //         defaultSortBy: 'id',
-  //       },
-  //     };
-  //     const expected = {
-  //       ...state,
-  //       modifiedData: {
-  //         layouts: {
-  //           list: ['id', 'title'],
-  //         },
-  //         settings: {
-  //           defaultSortBy: 'id',
-  //         },
-  //       },
-  //     };
-  //     const action = { type: 'REMOVE_FIELD', index: 1 };
+  describe('REMOVE_FIELD', () => {
+    it('should remove the field', () => {
+      state.modifiedData = {
+        layouts: {
+          list: ['id', 'description', 'title'],
+        },
+        settings: {
+          defaultSortBy: 'id',
+        },
+      };
+      const expected = {
+        ...state,
+        modifiedData: {
+          layouts: {
+            list: ['id', 'title'],
+          },
+          settings: {
+            defaultSortBy: 'id',
+          },
+        },
+      };
+      const action = { type: 'REMOVE_FIELD', index: 1 };
 
-  //     expect(reducer(state, action)).toEqual(expected);
-  //   });
-  // });
+      expect(reducer(state, action)).toEqual(expected);
+    });
+  });
 
   // describe('SET_LABEL_TO_EDIT', () => {
   //   it('should set the label form data of the field to edit', () => {
@@ -250,45 +250,4 @@ describe('CONTENT MANAGER | CONTAINERS | ListSettingsView | reducer', () => {
   //     expect(reducer(state, action)).toEqual(expected);
   //   });
   // });
-
-  describe('SUBMIT_SUCCEEDED', () => {
-    it('should submit the label and the sortable value of the field to edit', () => {
-      state.modifiedData = {
-        metadatas: {
-          cover: {
-            list: {
-              label: 'Cover',
-              sortable: false,
-            },
-          },
-        },
-      };
-      const expected = {
-        ...state,
-        initialData: {
-          metadatas: {
-            cover: {
-              list: {
-                label: 'Cover',
-                sortable: false,
-              },
-            },
-          },
-        },
-        modifiedData: {
-          metadatas: {
-            cover: {
-              list: {
-                label: 'Cover',
-                sortable: false,
-              },
-            },
-          },
-        },
-      };
-      const action = { type: 'SUBMIT_SUCCEEDED' };
-
-      expect(reducer(state, action)).toEqual(expected);
-    });
-  });
 });
diff --git a/packages/core/admin/admin/src/translations/en.json b/packages/core/admin/admin/src/translations/en.json
index c96653947b..bc4ece2add 100644
--- a/packages/core/admin/admin/src/translations/en.json
+++ b/packages/core/admin/admin/src/translations/en.json
@@ -432,6 +432,9 @@
   "content-manager.api.id": "API ID",
   "content-manager.components.AddFilterCTA.add": "Filters",
   "content-manager.components.AddFilterCTA.hide": "Filters",
+  "content-manager.components.DraggableCard.edit.field": "Edit {item}",
+  "content-manager.components.DraggableCard.delete.field": "Delete {item}",
+  "content-manager.components.DraggableCard.move.field": "Move {item}",
   "content-manager.components.DragHandle-label": "Drag",
   "content-manager.components.DraggableAttr.edit": "Click to edit",
   "content-manager.components.DynamicTable.row-line": "item line {number}",
@@ -445,6 +448,7 @@
   "content-manager.components.DynamicZone.required": "Component is required",
   "content-manager.components.EmptyAttributesBlock.button": "Go to settings page",
   "content-manager.components.EmptyAttributesBlock.description": "You can change your settings",
+  "content-manager.components.FieldSelect.label": "Add a field",
   "content-manager.components.FieldItem.linkToComponentLayout": "Set the component's layout",
   "content-manager.components.FilterOptions.button.apply": "Apply",
   "content-manager.components.FiltersPickWrapper.PluginHeader.actions.apply": "Apply",