diff --git a/mapping_workbench/frontend/src/components/app/list/list-file-collection-actions.js b/mapping_workbench/frontend/src/components/app/list/list-file-collection-actions.js
index a14e50e3..f8b8acd7 100644
--- a/mapping_workbench/frontend/src/components/app/list/list-file-collection-actions.js
+++ b/mapping_workbench/frontend/src/components/app/list/list-file-collection-actions.js
@@ -52,7 +52,7 @@ export const ListFileCollectionActions = (props) => {
             <MenuActionButton
                 id="resources_button"
                 onClick={handleResourceManagerAction}
-                title='Resources'
+                title='Assets'
                 icon={<DescriptionOutlinedIcon/>}
             />
             <MenuActionButton
diff --git a/mapping_workbench/frontend/src/pages/app/mapping-packages/[id]/view.js b/mapping_workbench/frontend/src/pages/app/mapping-packages/[id]/view.js
index 275159dc..f2f04749 100644
--- a/mapping_workbench/frontend/src/pages/app/mapping-packages/[id]/view.js
+++ b/mapping_workbench/frontend/src/pages/app/mapping-packages/[id]/view.js
@@ -19,7 +19,7 @@ import {RouterLink} from 'src/components/router-link';
 import {mappingPackagesApi as sectionApi} from 'src/api/mapping-packages';
 import MappingPackageDetails from "src/sections/app/mapping-package/details";
 
-const Resources =
+const Assets =
     dynamic(() => import("src/sections/app/mapping-package/resources"));
 const MappingPackageRulesView =
     dynamic(() => import("src/sections/app/mapping-package/mapping-package-rules-view"));
@@ -31,7 +31,7 @@ const StatesView =
 
 const tabs = [
     {label: 'Details', value: 'details'},
-    {label: 'Resources', value: 'resources'},
+    {label: 'Assets', value: 'assets'},
     {label: 'Mapping Rules', value: 'mappingRules'},
     {label: 'Triple Map Fragments', value: 'tripleMapFragments'},
     {label: 'States', value: 'states'}
@@ -127,8 +127,8 @@ const Page = () => {
                 {currentTab === 'details' && (
                     <MappingPackageDetails item={item}/>
                 )}
-                {currentTab === 'resources' && (
-                    <Resources item={item}/>
+                {currentTab === 'assets' && (
+                    <Assets item={item}/>
                 )}
                 {currentTab === "mappingRules" && (
                     <MappingPackageRulesView id={id}/>
diff --git a/mapping_workbench/frontend/src/pages/app/ontology-files/index.js b/mapping_workbench/frontend/src/pages/app/ontology-files/index.js
index b3db0962..99723565 100644
--- a/mapping_workbench/frontend/src/pages/app/ontology-files/index.js
+++ b/mapping_workbench/frontend/src/pages/app/ontology-files/index.js
@@ -9,7 +9,6 @@ import {Box} from "@mui/system";
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
 import Dialog from "@mui/material/Dialog";
-import SvgIcon from '@mui/material/SvgIcon';
 import {useTheme} from "@mui/material/styles";
 import Grid from '@mui/material/Unstable_Grid2';
 import DialogTitle from "@mui/material/DialogTitle";
@@ -51,9 +50,7 @@ const Page = () => {
     const handleDiscover = () => {
         const toastId = toastLoad('Discovering terms ...')
         ontologyTermsApi.discoverTerms()
-            .then(res => {
-                toastSuccess(`${res.task_name} successfully started.`, toastId)
-            })
+            .then(res => toastSuccess(`${res.task_name} successfully started.`, toastId))
             .catch(err => toastError(`Discovering terms failed: ${err.message}.`, toastId))
     };
 
diff --git a/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/[fid]/edit.js b/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/[fid]/edit.js
index 717867cc..269f8c38 100644
--- a/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/[fid]/edit.js
+++ b/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/[fid]/edit.js
@@ -1,13 +1,14 @@
-import * as React from 'react';
 import {useCallback, useEffect, useState} from "react";
 import {useFormik} from "formik";
 
-import ArrowLeftIcon from '@untitled-ui/icons-react/build/esm/ArrowLeft';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+
 import Chip from '@mui/material/Chip';
 import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
 import Paper from "@mui/material/Paper";
 import SvgIcon from '@mui/material/SvgIcon';
+import Divider from "@mui/material/Divider";
 import Checkbox from "@mui/material/Checkbox";
 import Grid from "@mui/material/Unstable_Grid2";
 import Typography from '@mui/material/Typography';
@@ -25,10 +26,7 @@ import CodeMirrorDefault from "src/components/app/form/codeMirrorDefault";
 import {ForItemDataState} from "src/contexts/app/section/for-item-data-state";
 import {FileResourceEditForm} from 'src/sections/app/file-manager/file-resource-edit-form';
 import {testDataFileResourcesApi as sectionApi} from 'src/api/test-data-suites/file-resources';
-import {
-    MappingPackageFormSelect
-} from '../../../../../../sections/app/mapping-package/components/mapping-package-form-select';
-import Divider from "@mui/material/Divider";
+import {MappingPackageFormSelect} from 'src/sections/app/mapping-package/components/mapping-package-form-select';
 
 
 const useItem = (sectionApi, id) => {
@@ -158,7 +156,7 @@ const Page = () => {
                             underline="hover"
                         >
                             <SvgIcon sx={{mr: 1}}>
-                                <ArrowLeftIcon/>
+                                <ArrowBackIcon/>
                             </SvgIcon>
                             <Typography variant="subtitle2">
                                 {sectionApi.SECTION_TITLE}
diff --git a/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/create.js b/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/create.js
index 75b06c0c..ee99bdaf 100644
--- a/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/create.js
+++ b/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/create.js
@@ -1,7 +1,9 @@
-import ArrowLeftIcon from '@untitled-ui/icons-react/build/esm/ArrowLeft';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+
 import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
 import SvgIcon from '@mui/material/SvgIcon';
+import Grid from "@mui/material/Unstable_Grid2";
 import Typography from '@mui/material/Typography';
 
 import {paths} from 'src/paths';
@@ -10,12 +12,10 @@ import {useRouter} from "src/hooks/use-router";
 import {Layout as AppLayout} from 'src/layouts/app';
 import {usePageView} from 'src/hooks/use-page-view';
 import {RouterLink} from 'src/components/router-link';
+import {FormTextField} from "src/components/app/form/text-field";
 import {ForItemCreateForm} from "src/contexts/app/section/for-item-form";
 import {FileResourceEditForm} from 'src/sections/app/file-manager/file-resource-edit-form';
 import {testDataFileResourcesApi as sectionApi} from 'src/api/test-data-suites/file-resources';
-import * as React from "react";
-import Grid from "@mui/material/Unstable_Grid2";
-import {FormTextField} from "../../../../../components/app/form/text-field";
 
 const ExtraForm = (props) => {
     const {
@@ -72,7 +72,7 @@ const Page = () => {
                             underline="hover"
                         >
                             <SvgIcon sx={{mr: 1}}>
-                                <ArrowLeftIcon/>
+                                <ArrowBackIcon/>
                             </SvgIcon>
                             <Typography variant="subtitle2">
                                 {sectionApi.SECTION_TITLE}
diff --git a/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/index.js b/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/index.js
index a652e51b..93e41b0f 100644
--- a/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/index.js
+++ b/mapping_workbench/frontend/src/pages/app/test-data-suites/[id]/resource-manager/index.js
@@ -1,12 +1,11 @@
-import {useEffect, useMemo, useState} from 'react';
+import {useEffect, useState} from 'react';
 
-import Plus from '@untitled-ui/icons-react/build/esm/Plus';
-import Upload01Icon from '@untitled-ui/icons-react/build/esm/Upload01';
+import AddIcon from '@mui/icons-material/Add';
+import UploadIcon from '@mui/icons-material/Upload';
 
 import Link from "@mui/material/Link";
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
-import SvgIcon from '@mui/material/SvgIcon';
 import Typography from '@mui/material/Typography';
 import Breadcrumbs from "@mui/material/Breadcrumbs";
 
@@ -17,72 +16,14 @@ import {useRouter} from "src/hooks/use-router";
 import {Layout as AppLayout} from 'src/layouts/app';
 import {usePageView} from 'src/hooks/use-page-view';
 import {RouterLink} from "src/components/router-link";
+import useItemsSearch from 'src/hooks/use-items-search';
 import {ItemList} from 'src/sections/app/file-manager/item-list';
-import {ItemDrawer} from 'src/sections/app/file-manager/item-drawer';
-import {ItemSearch} from 'src/sections/app/file-manager/item-search';
+import {ItemSearch} from 'src/sections/app/files-form/item-search';
 import {testDataSuitesApi as sectionApi} from 'src/api/test-data-suites';
 import {FileUploader} from 'src/sections/app/file-manager/file-uploader';
 import {BreadcrumbsSeparator} from "src/components/breadcrumbs-separator";
 import {testDataFileResourcesApi as fileResourcesApi} from 'src/api/test-data-suites/file-resources';
 
-const useItemsSearch = () => {
-    const [state, setState] = useState({
-        filters: {
-            query: undefined
-        },
-        page: sectionApi.DEFAULT_PAGE,
-        rowsPerPage: sectionApi.DEFAULT_ROWS_PER_PAGE,
-        sortBy: 'createdAt',
-        sortDir: 'desc'
-    });
-
-    const handleFiltersChange = filters => {
-        setState(prevState => ({
-            ...prevState,
-            filters
-        }));
-    }
-
-    const handleSortChange = sortDir => {
-        setState(prevState => ({
-            ...prevState,
-            sortDir
-        }));
-    }
-
-    const handlePageChange = (event, page) => {
-        setState(prevState => ({
-            ...prevState,
-            page
-        }));
-    }
-
-    const handleRowsPerPageChange = event => {
-        setState(prevState => ({
-            ...prevState,
-            rowsPerPage: parseInt(event.target.value, 10)
-        }));
-    }
-
-    return {
-        handleFiltersChange,
-        handleSortChange,
-        handlePageChange,
-        handleRowsPerPageChange,
-        state
-    };
-};
-
-const useCurrentItem = (items, itemId) => {
-    return useMemo(() => {
-        if (!itemId) {
-            return undefined;
-        }
-
-        return items.find((item) => item.id === itemId);
-    }, [items, itemId]);
-};
-
 const Page = () => {
     const [view, setView] = useState('grid');
     const [state, setState] = useState({
@@ -92,10 +33,8 @@ const Page = () => {
     });
 
     const uploadDialog = useDialog();
-    const detailsDialog = useDialog();
-    const itemsSearch = useItemsSearch();
+    const itemsSearch = useItemsSearch(state.items, sectionApi, ['title']);
 
-    const currentItem = useCurrentItem(state.items, detailsDialog.data);
 
     const router = useRouter();
     const {id} = router.query;
@@ -105,7 +44,7 @@ const Page = () => {
     useEffect(() => {
         id && handleItemsGet();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [itemsSearch.state, id]);
+    }, [id]);
 
     const handleItemsGet = async () => {
         try {
@@ -133,7 +72,7 @@ const Page = () => {
                 >
                     <Stack spacing={1}>
                         <Typography variant="h4">
-                            {`Resource Manager: ${state.collection.title}`}
+                            {`Assets Manager: ${state.collection.title}`}
                         </Typography>
 
                         <Breadcrumbs separator={<BreadcrumbsSeparator/>}>
@@ -157,7 +96,7 @@ const Page = () => {
                                 color="text.secondary"
                                 variant="subtitle2"
                             >
-                                Resource Manager
+                                Assets Manager
                             </Typography>
                         </Breadcrumbs>
                     </Stack>
@@ -168,23 +107,14 @@ const Page = () => {
                     >
                         <Button
                             onClick={uploadDialog.handleOpen}
-                            startIcon={(
-                                <SvgIcon>
-                                    <Upload01Icon/>
-                                </SvgIcon>
-                            )}
-                            variant="contained"
+                            startIcon={<UploadIcon/>}
                         >
                             Upload
                         </Button>
                         <Button
                             component={Link}
                             href={paths.app[sectionApi.section].resource_manager.create.replace('[id]', id)}
-                            startIcon={(
-                                <SvgIcon>
-                                    <Plus/>
-                                </SvgIcon>
-                            )}
+                            startIcon={<AddIcon/>}
                             variant="contained"
                         >
                             Add
@@ -193,7 +123,7 @@ const Page = () => {
                 </Stack>
                 <Stack spacing={{xs: 3, lg: 4}}>
                     <ItemSearch
-                        onFiltersChange={itemsSearch.handleFiltersChange}
+                        onFiltersChange={e => itemsSearch.handleSearchItems([e])}
                         onSortChange={itemsSearch.handleSortChange}
                         onViewChange={setView}
                         sortBy={itemsSearch.state.sortBy}
@@ -201,8 +131,8 @@ const Page = () => {
                         view={view}
                     />
                     <ItemList
-                        count={state.itemsCount}
-                        items={state.items}
+                        count={itemsSearch.count}
+                        items={itemsSearch.pagedItems}
                         collection={state.collection}
                         onPageChange={itemsSearch.handlePageChange}
                         onRowsPerPageChange={itemsSearch.handleRowsPerPageChange}
@@ -216,11 +146,6 @@ const Page = () => {
                 </Stack>
             </Stack>
 
-            <ItemDrawer
-                item={currentItem}
-                onClose={detailsDialog.handleClose}
-                open={detailsDialog.open}
-            />
             <FileUploader
                 onClose={uploadDialog.handleClose}
                 open={uploadDialog.open}
diff --git a/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-card.js b/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-card.js
index e4280f2e..2cbe900c 100644
--- a/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-card.js
+++ b/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-card.js
@@ -1,19 +1,11 @@
-import PropTypes from 'prop-types';
-import CheckVerified01 from '@untitled-ui/icons-react/build/esm/CheckVerified01';
-import Star01Icon from '@untitled-ui/icons-react/build/esm/Star01';
-import Users01Icon from '@untitled-ui/icons-react/build/esm/Users01';
-import Avatar from '@mui/material/Avatar';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
-import CardContent from '@mui/material/CardContent';
 import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
-import SvgIcon from '@mui/material/SvgIcon';
-import Typography from '@mui/material/Typography';
+import CardContent from '@mui/material/CardContent';
 
 import {RouterLink} from 'src/components/router-link';
 import {paths} from 'src/paths';
-import {getInitials} from 'src/utils/get-initials';
 
 import {FileResourceCollectionsList} from './file-resource-collections-list';
 import {useTranslation} from "react-i18next";
@@ -54,11 +46,12 @@ export const FileResourceCollectionsCard = (props) => {
                         >
                             {collectionTitle}
                         </Link>
-                        <Typography variant="body2">{}</Typography>
                     </div>
                 </Stack>
                 <Box sx={{mt: 2}}>
-                    <FileResourceCollectionsList collectionApi={collectionApi} filters={filters} request={requestBase}/>
+                    <FileResourceCollectionsList collectionApi={collectionApi}
+                                                 filters={filters}
+                                                 request={requestBase}/>
                 </Box>
             </CardContent>
         </Card>
diff --git a/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-list.js b/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-list.js
index e920747d..c9537e60 100644
--- a/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-list.js
+++ b/mapping_workbench/frontend/src/sections/app/file-manager/file-resource-collections-list.js
@@ -1,44 +1,36 @@
+import {useEffect, useState} from "react";
+
+import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
-import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
-import {useMounted} from "../../../hooks/use-mounted";
-import {useCallback, useEffect, useState} from "react";
+
 import {paths} from "../../../paths";
-import {useRouter} from "../../../hooks/use-router";
-import List from "@mui/material/List";
-import ListItem from "@mui/material/ListItem";
+import {useRouter} from "next/router";
 
-const useItemsStore = (collectionApi, filters, request={}) => {
-    const isMounted = useMounted();
+const useItemsStore = (collectionApi, filters, request = {}) => {
     const [state, setState] = useState({
         collections: [],
         collectionsCount: 0
     });
 
     request.filters = filters
-    const handleItemsGet = useCallback(async () => {
-        try {
-            const collectionResponse = await collectionApi.getItems(request);
-
-            if (isMounted()) {
-                setState({
-                    collections: collectionResponse.items,
-                    collectionsCount: collectionResponse.count
-                });
-
-            }
 
-        } catch (err) {
-            console.error(err);
-        }
-    }, [collectionApi, filters, isMounted]);
+    const handleItemsGet = () => {
+        collectionApi.getItems(request)
+            .then(res => setState({
+                    collections: res.items,
+                    collectionsCount: res.count
+                })
+            )
+            .catch(err => console.error(err))
+    }
 
     useEffect(() => {
             handleItemsGet();
         },
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        [collectionApi]);
+        []);
 
     return {
         ...state
@@ -52,7 +44,7 @@ export const FileResourceCollectionsList = (props) => {
 
     return (
         <Stack divider={<Divider/>}>
-            {itemsStore.collections.map((collection) => {
+            {itemsStore.collections.map(collection => {
                 return (
                     <Stack
                         alignItems="center"
@@ -67,12 +59,6 @@ export const FileResourceCollectionsList = (props) => {
                     >
                         <div>
                             <Typography variant="subtitle1">{collection.title}</Typography>
-                            <Typography
-                                color="text.secondary"
-                                variant="caption"
-                            >
-                                {}
-                            </Typography>
                         </div>
                         <Stack
                             alignItems="center"
@@ -87,8 +73,9 @@ export const FileResourceCollectionsList = (props) => {
                                         query: {id: collection._id}
                                     });
                                 }}
-                                color="info"
-                            >Resources</Button>
+                                color="info">
+                                Assets
+                            </Button>
                             <Button
                                 size="small"
                                 onClick={() => {
@@ -97,8 +84,9 @@ export const FileResourceCollectionsList = (props) => {
                                         query: {id: collection._id}
                                     });
                                 }}
-                                color="success"
-                            >Edit</Button>
+                                color="success">
+                                Edit
+                            </Button>
                         </Stack>
                     </Stack>
                 );
diff --git a/mapping_workbench/frontend/src/sections/app/file-manager/item-list-card.js b/mapping_workbench/frontend/src/sections/app/file-manager/item-list-card.js
index 4a309ade..e6c2a461 100644
--- a/mapping_workbench/frontend/src/sections/app/file-manager/item-list-card.js
+++ b/mapping_workbench/frontend/src/sections/app/file-manager/item-list-card.js
@@ -1,11 +1,12 @@
 import PropTypes from 'prop-types';
-import DotsVerticalIcon from '@untitled-ui/icons-react/build/esm/DotsVertical';
+
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
+import Stack from '@mui/material/Stack';
 import Divider from '@mui/material/Divider';
 import IconButton from '@mui/material/IconButton';
-import Stack from '@mui/material/Stack';
-import SvgIcon from '@mui/material/SvgIcon';
 import Typography from '@mui/material/Typography';
 
 import {usePopover} from 'src/hooks/use-popover';
@@ -70,9 +71,7 @@ export const ItemListCard = (props) => {
                         onClick={popover.handleOpen}
                         ref={popover.anchorRef}
                     >
-                        <SvgIcon fontSize="small">
-                            <DotsVerticalIcon/>
-                        </SvgIcon>
+                        <MoreVertIcon fontSize='small'/>
                     </IconButton>
                 </Stack>
                 <Box sx={{p: 2}}>
diff --git a/mapping_workbench/frontend/src/sections/app/mapping-package/components/mapping-packages-bulk-actions.js b/mapping_workbench/frontend/src/sections/app/mapping-package/components/mapping-packages-bulk-actions.js
index 8204b74c..b6d5eb4a 100644
--- a/mapping_workbench/frontend/src/sections/app/mapping-package/components/mapping-packages-bulk-actions.js
+++ b/mapping_workbench/frontend/src/sections/app/mapping-package/components/mapping-packages-bulk-actions.js
@@ -105,7 +105,7 @@ export const MappingPackagesBulkActions = (props) => {
                                 onChange={e => setCleanUpProject(e.target.checked)}
                             />
                         }
-                        label="Cleanup Project Resources"
+                        label="Cleanup Project Assets"
                         value="cleanup_project"
                     />
                 </Box>}
diff --git a/mapping_workbench/frontend/src/sections/app/mapping-package/edit-form.js b/mapping_workbench/frontend/src/sections/app/mapping-package/edit-form.js
index f0a85f38..b521859e 100644
--- a/mapping_workbench/frontend/src/sections/app/mapping-package/edit-form.js
+++ b/mapping_workbench/frontend/src/sections/app/mapping-package/edit-form.js
@@ -17,6 +17,7 @@ import {paths} from 'src/paths';
 import {sessionApi} from "src/api/session";
 import {useRouter} from 'src/hooks/use-router';
 import {RouterLink} from 'src/components/router-link';
+import {testDataSuitesApi} from 'src/api/test-data-suites';
 import {shaclTestSuitesApi} from "src/api/shacl-test-suites";
 import {FormTextArea} from "src/components/app/form/text-area";
 import {sparqlTestSuitesApi} from "src/api/sparql-test-suites";
@@ -24,7 +25,6 @@ import {FormTextField} from "src/components/app/form/text-field";
 import {resourceCollectionsApi} from "src/api/resource-collections";
 import {toastError, toastLoad, toastSuccess} from "src/components/app-toast";
 import {ListSelectorSelect as ResourceListSelector} from "src/components/app/list-selector/select";
-import {testDataSuitesApi} from '../../../api/test-data-suites';
 
 
 export const EditForm = (props) => {
@@ -107,9 +107,9 @@ export const EditForm = (props) => {
             {!itemctx.isNew && <Tabs value={currentTab}
                                      onChange={(e, v) => setCurrentTab(v)}>
                 <Tab label='Edit Details'
-                     value='tabEdit'></Tab>
-                <Tab label='Edit Resources'
-                     value='tabResources'></Tab>
+                     value='tabEdit'/>
+                <Tab label='Edit Assets'
+                     value='tabResources'/>
             </Tabs>}
             {currentTab === 'tabEdit' &&
                 <Card sx={{mt: 3}}>
diff --git a/mapping_workbench/frontend/src/sections/app/mapping-package/list-table.js b/mapping_workbench/frontend/src/sections/app/mapping-package/list-table.js
index 0cf061be..effa975d 100644
--- a/mapping_workbench/frontend/src/sections/app/mapping-package/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/mapping-package/list-table.js
@@ -188,7 +188,7 @@ const MappingPackageRowFragment = (props) => {
                                 }}
                             />
                         }
-                        label="Cleanup Project Resources"
+                        label="Cleanup Project Assets"
                         value="cleanup_project"
                     />
                 </Box>}
@@ -203,8 +203,7 @@ export const ListTable = (props) => {
     const {
         count = 0,
         items = [],
-        onPageChange = () => {
-        },
+        onPageChange = () => {},
         onRowsPerPageChange,
         page = 0,
         rowsPerPage = 0,
diff --git a/mapping_workbench/frontend/src/sections/app/mapping-package/package-importer.js b/mapping_workbench/frontend/src/sections/app/mapping-package/package-importer.js
index b85ae04f..059f795e 100644
--- a/mapping_workbench/frontend/src/sections/app/mapping-package/package-importer.js
+++ b/mapping_workbench/frontend/src/sections/app/mapping-package/package-importer.js
@@ -2,7 +2,7 @@ import {useCallback, useEffect, useState} from 'react';
 import PropTypes from 'prop-types';
 import nProgress from 'nprogress';
 
-import XIcon from '@untitled-ui/icons-react/build/esm/X';
+import CloseIcon from '@mui/icons-material/Close';
 
 import Stack from '@mui/material/Stack';
 import Dialog from '@mui/material/Dialog';
@@ -23,7 +23,6 @@ import {toastError, toastLoad, toastSuccess} from "src/components/app-toast";
 import Divider from "@mui/material/Divider";
 
 
-
 export const PackageImporter = (props) => {
     const {onClose, open = false, sectionApi} = props;
 
@@ -100,9 +99,7 @@ export const PackageImporter = (props) => {
                     color="inherit"
                     onClick={onClose}
                 >
-                    <SvgIcon>
-                        <XIcon/>
-                    </SvgIcon>
+                    <CloseIcon/>
                 </IconButton>
             </Stack>
             <DialogContent id="drop-zone">
@@ -116,11 +113,13 @@ export const PackageImporter = (props) => {
                     sx={{mb: 2}}
                 >
                     {Object.keys(PACKAGE_TYPE).map((key) => (
-                        <MenuItem key={key} value={key}>{PACKAGE_TYPE[key]}</MenuItem>
+                        <MenuItem key={key}
+                                  value={key}>{PACKAGE_TYPE[key]}</MenuItem>
                     ))}
                 </TextField>
-                <FormGroup sx={{ mb: 2}}>
-                    <Typography variant="h7" sx={{mb: 1}}>After Import</Typography>
+                <FormGroup sx={{mb: 2}}>
+                    <Typography variant="h7"
+                                sx={{mb: 1}}>After Import</Typography>
                     <FormControlLabel
                         control={
                             <Checkbox
@@ -130,7 +129,7 @@ export const PackageImporter = (props) => {
                                 }}
                             />
                         }
-                        label="Cleanup Project Resources"
+                        label="Cleanup Project Assets"
                         value="cleanup_project"
                     />
                     <FormControlLabel
@@ -138,8 +137,7 @@ export const PackageImporter = (props) => {
                             checked={triggerPackageProcessing}
                             onChange={e => setTriggerPackageProcessing(e.target.checked)}
                             name="trigger_package_processing"
-                        />
-                        }
+                        />}
                         label="Process Package"
                     />
                     <Divider sx={{mt: 1}}/>
diff --git a/mapping_workbench/frontend/src/sections/app/technical-mappings/index.js b/mapping_workbench/frontend/src/sections/app/technical-mappings/index.js
index 19c95a22..c101c3d3 100644
--- a/mapping_workbench/frontend/src/sections/app/technical-mappings/index.js
+++ b/mapping_workbench/frontend/src/sections/app/technical-mappings/index.js
@@ -1,5 +1,6 @@
 import Tab from '@mui/material/Tab';
 import Tabs from '@mui/material/Tabs';
+
 import {useRouter} from 'next/router';
 import {paths} from '../../../paths';
 
@@ -10,7 +11,7 @@ const TABS = [
         id: 'triple_map_fragments_tab'
     },
     {
-        label: 'Mapping Resources',
+        label: 'Vocabulary Resources',
         value: paths.app.value_mapping_resources.index,
         id: 'value_mapping_resources_tab'
     }]