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 d5468fb7..6fa94016 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
@@ -1,17 +1,16 @@
 import {Button} from '@mui/material';
 
-
 import {usePopover} from 'src/hooks/use-popover';
 import {useCallback, useState} from "react";
 import {paths} from 'src/paths';
-import {useRouter} from "../../../hooks/use-router";
+import {useRouter} from "next/router";
+import {MenuActionButton} from '../../menu-actions';
 import ConfirmDialog from "../dialog/confirm-dialog";
 
 export const ListFileCollectionActions = (props) => {
     const router = useRouter();
 
     const {itemctx} = props;
-    const popover = usePopover();
 
     const handleResourceManagerAction = useCallback(async () => {
         router.push({
@@ -48,116 +47,30 @@ export const ListFileCollectionActions = (props) => {
 
     return (
         <>
-            <div
-                className='newActionButtons'
-                sx={{display: "flex", flexDirection: "inline", justifyContent: "space-evenly"}}
-            >
-                {/*<Button
-                    variant="text"
-                    size="small"
-                    color="secondary"
-                    onClick={handleViewAction}
-                >
-                View
-                </Button>*/}
-                <Button
-                    id="resources_button"
-                    variant="text"
-                    size="small"
-                    color="info"
-                    onClick={handleResourceManagerAction}
-                >
-                    Resources
-                </Button>
-                <Button
-                    id="edit_button"
-                    variant="text"
-                    size="small"
-                    color="success"
-                    onClick={handleEditAction}
-                >
-                    Edit
-                </Button>
-                <Button
-                    id="delete_button"
-                    variant="text"
-                    size="small"
-                    color="error"
-                    onClick={() => setConfirmOpen(true)}
-                >
-                    Delete
-                </Button>
-                <ConfirmDialog
-                    title="Delete It?"
-                    open={confirmOpen}
-                    setOpen={setConfirmOpen}
-                    onConfirm={handleDeleteAction}
-                >
-                    Are you sure you want to delete it?
-                </ConfirmDialog>
-            </div>
-            {/* <Tooltip title="More options">
-                <IconButton
-                    onClick={popover.handleOpen}
-                    ref={popover.anchorRef}
-                    {...props}>
-                    <SvgIcon>
-                        <DotsHorizontalIcon/>
-                    </SvgIcon>
-                </IconButton>
-            </Tooltip>
-            <Menu
-                anchorEl={popover.anchorRef.current}
-                anchorOrigin={{
-                    horizontal: 'right',
-                    vertical: 'bottom'
-                }}
-                onClose={popover.handleClose}
-                open={popover.open}
-                PaperProps={{
-                    sx: {
-                        maxWidth: '100%',
-                        width: 200
-                    }
-                }}
-                transformOrigin={{
-                    horizontal: 'right',
-                    vertical: 'top'
-                }}
+            <MenuActionButton
+                id="resources_button"
+                action={handleResourceManagerAction}
+                text='Resources'
+            />
+            <MenuActionButton
+                id="edit_button"
+                action={handleEditAction}
+                text='Edit'
+            />
+            <MenuActionButton
+                id="delete_button"
+                action={() => setConfirmOpen(true)}
+                text='Delete'
+            />
+            <ConfirmDialog
+                title="Delete It?"
+                open={confirmOpen}
+                setOpen={setConfirmOpen}
+                onConfirm={handleDeleteAction}
+                last
             >
-                <MenuItem onClick={handleResourceManagerAction}>
-                    <ListItemIcon>
-                        <SvgIcon>
-                            <FileAttachment04/>
-                        </SvgIcon>
-                    </ListItemIcon>
-                    <ListItemText primary="File Manager"/>
-                </MenuItem>
-                <MenuItem onClick={handleViewAction}>
-                    <ListItemIcon>
-                        <SvgIcon>
-                            <Eye/>
-                        </SvgIcon>
-                    </ListItemIcon>
-                    <ListItemText primary="View"/>
-                </MenuItem>
-                <MenuItem onClick={handleEditAction}>
-                    <ListItemIcon>
-                        <SvgIcon>
-                            <EditIcon/>
-                        </SvgIcon>
-                    </ListItemIcon>
-                    <ListItemText primary="Edit"/>
-                </MenuItem>
-                <MenuItem onClick={handleDeleteAction}>
-                    <ListItemIcon>
-                        <SvgIcon>
-                            <DeleteIcon/>
-                        </SvgIcon>
-                    </ListItemIcon>
-                    <ListItemText primary="Delete"/>
-                </MenuItem>
-            </Menu> */}
+                Are you sure you want to delete it?
+            </ConfirmDialog>
         </>
     );
 };
diff --git a/mapping_workbench/frontend/src/components/app/list/list-item-actions.js b/mapping_workbench/frontend/src/components/app/list/list-item-actions.js
index e76ca4c1..dc52c3fd 100644
--- a/mapping_workbench/frontend/src/components/app/list/list-item-actions.js
+++ b/mapping_workbench/frontend/src/components/app/list/list-item-actions.js
@@ -6,23 +6,16 @@ import VisibilityIcon from '@mui/icons-material/Visibility';
 import BorderColorIcon from '@mui/icons-material/BorderColor';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 
-import {useTheme} from '@mui/material/styles';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
 
 import {paths} from 'src/paths';
 import {ACTION} from "../../../api/section";
-import {MenuActionButton} from '../../menu-action-button';
+import {MenuActionButton} from '../../menu-actions';
+
 import ConfirmDialog from "../dialog/confirm-dialog";
 import {toastError} from "../../app-toast";
 
 export const ListItemActions = (props) => {
     const router = useRouter();
-    const theme = useTheme()
-
-    console.log(theme)
-
     const {itemctx, pathnames, onDeleteAction, confirmDialogContent, confirmDialogFooter} = props;
 
     const handleViewAction = () => {
@@ -81,7 +74,7 @@ export const ListItemActions = (props) => {
                     id="delete_button"
                     last
                     action={() => setConfirmOpen(true)}
-                    icon={<DeleteOutlineIcon color='primary'/>}
+                    icon={<DeleteOutlineIcon/>}
                     text='Delete'
                 />
                 <ConfirmDialog
diff --git a/mapping_workbench/frontend/src/components/menu-action-button.js b/mapping_workbench/frontend/src/components/menu-actions.js
similarity index 53%
rename from mapping_workbench/frontend/src/components/menu-action-button.js
rename to mapping_workbench/frontend/src/components/menu-actions.js
index 2a3a1610..6cb41852 100644
--- a/mapping_workbench/frontend/src/components/menu-action-button.js
+++ b/mapping_workbench/frontend/src/components/menu-actions.js
@@ -1,10 +1,28 @@
-import {cloneElement} from 'react';
+import {cloneElement, useState} from 'react';
 
-import {useTheme} from '@mui/material/styles';
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
+
+import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
+import {useTheme} from '@mui/material/styles';
+import IconButton from '@mui/material/IconButton';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 
+export const MenuActions = ({children}) => {
+    const [anchor, setAnchor] = useState(null)
+    return <>
+        <IconButton onClick={e => setAnchor(e.target)}>
+            <MoreHorizIcon/>
+        </IconButton>
+        <Menu anchorEl={anchor}
+              open={!!anchor}
+              onClose={() => setAnchor(null)}>
+            {children}
+        </Menu>
+    </>
+}
+
 export const MenuActionButton = ({id, icon, text, action, last}) => {
     const theme = useTheme()
     return <MenuItem id={id}
diff --git a/mapping_workbench/frontend/src/pages/app/conceptual-mapping-rules/overview/index.js b/mapping_workbench/frontend/src/pages/app/conceptual-mapping-rules/overview/index.js
index ea2de18a..c429a600 100644
--- a/mapping_workbench/frontend/src/pages/app/conceptual-mapping-rules/overview/index.js
+++ b/mapping_workbench/frontend/src/pages/app/conceptual-mapping-rules/overview/index.js
@@ -34,8 +34,8 @@ import {TableSearchBar} from 'src/sections/components/table-search-bar';
 import {toastError, toastLoad, toastSuccess} from 'src/components/app-toast';
 import {ListTable} from "src/sections/app/conceptual-mapping-rule/list-table";
 import {conceptualMappingRulesApi as sectionApi} from 'src/api/conceptual-mapping-rules';
+import {ConceptualMappingTabs} from 'src/sections/app/conceptual-mapping-rule/conceptual-mapping-tabs';
 import {MappingPackageFormSelect} from 'src/sections/app/mapping-package/components/mapping-package-form-select';
-import {ConceptualMappingTabs} from '../../../../sections/app/conceptual-mapping-rule/conceptual-mapping-tabs';
 
 const FILTER_VALUES = [{label: 'All', value: ''},
     {label: 'Valid', value: 'valid'},
diff --git a/mapping_workbench/frontend/src/pages/app/triple-map-fragments/index.js b/mapping_workbench/frontend/src/pages/app/triple-map-fragments/index.js
index 44f86632..e35e3fd9 100644
--- a/mapping_workbench/frontend/src/pages/app/triple-map-fragments/index.js
+++ b/mapping_workbench/frontend/src/pages/app/triple-map-fragments/index.js
@@ -1,10 +1,10 @@
-import Paper from '@mui/material/Paper';
 import {useFormik} from "formik";
 import * as Yup from "yup";
 
 import AddIcon from '@mui/icons-material/Add';
 import UploadIcon from '@mui/icons-material/Upload';
 
+import Paper from '@mui/material/Paper';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
 
diff --git a/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/develop/list-table.js b/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/develop/list-table.js
index 1265a18e..b4cdb76b 100644
--- a/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/develop/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/develop/list-table.js
@@ -1,3 +1,5 @@
+import BorderColorIcon from '@mui/icons-material/BorderColor';
+import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 import {useState} from "react";
 import {Prism as SyntaxHighlighter} from "react-syntax-highlighter";
 
@@ -21,6 +23,7 @@ import {useHighlighterTheme} from "src/hooks/use-highlighter-theme";
 import ConfirmDialog from "src/components/app/dialog/confirm-dialog";
 import TablePagination from "src/sections/components/table-pagination";
 import TableSorterHeader from "src/sections/components/table-sorter-header";
+import {MenuActionButton, MenuActions} from '../../../../components/menu-actions';
 
 export const ListTableRow = (props) => {
     const {
@@ -76,25 +79,18 @@ export const ListTableRow = (props) => {
                     {item.target_property_path}
                 </TableCell>
                 <TableCell align="right">
-                    <Button
-                        id="edit_button"
-                        variant="text"
-                        size="small"
-                        color="primary"
-                        onClick={() => onEdit(item)}
-                    >
-                        Edit
-                    </Button>
-                    <Button
-                        id="delete_button"
-                        variant="text"
-                        size="small"
-                        color="error"
-                        onClick={() => setConfirmOpen(true)}
-                        sx={{whiteSpace: "nowrap"}}
-                    >
-                        Delete
-                    </Button>
+                    <MenuActions>
+                        <MenuActionButton
+                            id="edit_button"
+                            text='Edit'
+                            icon={<BorderColorIcon/>}
+                            action={() => onEdit(item)}/>
+                        <MenuActionButton
+                            id="delete_button"
+                            icon={<DeleteOutlineIcon/>}
+                            action={() => setConfirmOpen(true)}
+                            text='Delete'/>
+                    </MenuActions>
                     <ConfirmDialog
                         title="Delete It?"
                         open={confirmOpen}
diff --git a/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/list-table.js b/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/list-table.js
index 2ac309e3..20a9604a 100644
--- a/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/conceptual-mapping-rule/list-table.js
@@ -46,13 +46,16 @@ import {sessionApi} from "src/api/session";
 import {useDialog} from "src/hooks/use-dialog";
 import {Scrollbar} from 'src/components/scrollbar';
 import {toastSuccess} from "src/components/app-toast";
+import {MenuActions} from 'src/components/menu-actions';
 import {PropertyList} from 'src/components/property-list';
 import {mappingPackagesApi} from "src/api/mapping-packages";
 import {PropertyListItem} from 'src/components/property-list-item';
 import {useHighlighterTheme} from "src/hooks/use-highlighter-theme";
+import {ChevronButton} from 'src/sections/components/chevron-button';
 import {FormCodeTextArea} from "src/components/app/form/code-text-area";
 import TablePagination from "src/sections/components/table-pagination";
 import {ListItemActions} from 'src/components/app/list/list-item-actions';
+import TableSorterHeader from 'src/sections/components/table-sorter-header';
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
 import {genericTripleMapFragmentsApi} from "src/api/triple-map-fragments/generic";
 import {sparqlTestFileResourcesApi} from "src/api/sparql-test-suites/file-resources";
@@ -61,8 +64,6 @@ import {ListSelectorSelect as ResourceListSelector} from "src/components/app/lis
 import {
     MappingPackageCheckboxList
 } from 'src/sections/app/mapping-package/components/mapping-package-real-checkbox-list';
-import {ChevronButton} from '../../components/chevron-button';
-import TableSorterHeader from '../../components/table-sorter-header';
 
 
 export const ListTableTripleMapFragment = (props) => {
@@ -810,12 +811,14 @@ export const ListTableRow = (props) => {
                 </TableCell>
 
                 <TableCell align="right">
-                    <ListItemActions
-                        itemctx={new ForListItemAction(item_id, sectionApi)}
-                        pathnames={{
-                            delete_after_path: () => paths.app.conceptual_mapping_rules.overview
-                        }}
-                    />
+                    <MenuActions>
+                        <ListItemActions
+                            itemctx={new ForListItemAction(item_id, sectionApi)}
+                            pathnames={{
+                                delete_after_path: () => paths.app.conceptual_mapping_rules.overview
+                            }}
+                        />
+                    </MenuActions>
                 </TableCell>
             </TableRow>
             {isCurrent && (<TableRow>
@@ -1029,9 +1032,7 @@ export const ListTable = (props) => {
                                            sx={{
                                                whiteSpace: "nowrap"
                                            }}
-                                >
-                                    Actions
-                                </TableCell>
+                                />
                             </TableRow>
                         </TableHead>
                         <TableBody>
diff --git a/mapping_workbench/frontend/src/sections/app/fields-registry/list-table.js b/mapping_workbench/frontend/src/sections/app/fields-registry/list-table.js
index e8d7b13f..db98f399 100644
--- a/mapping_workbench/frontend/src/sections/app/fields-registry/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/fields-registry/list-table.js
@@ -25,6 +25,7 @@ import TablePagination from "src/sections/components/table-pagination";
 import {ListItemActions} from 'src/components/app/list/list-item-actions';
 import TableSorterHeader from "src/sections/components/table-sorter-header";
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
+import {MenuActions} from '../../../components/menu-actions';
 
 
 export const ListTable = (props) => {
@@ -87,9 +88,7 @@ export const ListTable = (props) => {
                                 </TableCell>
                                 <SorterHeader fieldName='element_type'
                                               title='Type'/>
-                                <TableCell align="right">
-                                    Actions
-                                </TableCell>
+                                <TableCell align="right"/>
                             </TableRow>
                         </TableHead>
                         <TableBody>
@@ -156,14 +155,16 @@ export const ListTable = (props) => {
                                                 {item.element_type}
                                             </TableCell>
                                             <TableCell align="right">
-                                                <ListItemActions
-                                                    itemctx={new ForListItemAction(item_id, sectionApi)}
-                                                    pathnames={{
-                                                        delete_after_path: () => paths.app.fields_and_nodes.overview.elements,
-                                                        edit: () => paths.app.fields_and_nodes.overview.elements.edit(item_id),
-                                                        view: () => paths.app.fields_and_nodes.overview.elements.view(item_id)
-                                                    }}
-                                                />
+                                                <MenuActions>
+                                                    <ListItemActions
+                                                        itemctx={new ForListItemAction(item_id, sectionApi)}
+                                                        pathnames={{
+                                                            delete_after_path: () => paths.app.fields_and_nodes.overview.elements,
+                                                            edit: () => paths.app.fields_and_nodes.overview.elements.edit(item_id),
+                                                            view: () => paths.app.fields_and_nodes.overview.elements.view(item_id)
+                                                        }}
+                                                    />
+                                                </MenuActions>
                                             </TableCell>
                                         </TableRow>
                                         {isCurrent && (
diff --git a/mapping_workbench/frontend/src/sections/app/file-manager/file-collection-list-table.js b/mapping_workbench/frontend/src/sections/app/file-manager/file-collection-list-table.js
index 53319b0c..14546d8a 100644
--- a/mapping_workbench/frontend/src/sections/app/file-manager/file-collection-list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/file-manager/file-collection-list-table.js
@@ -1,3 +1,5 @@
+import BorderColorIcon from '@mui/icons-material/BorderColor';
+import UploadIcon from '@mui/icons-material/Upload';
 import {useEffect, useState} from 'react';
 import PropTypes from 'prop-types';
 
@@ -14,8 +16,8 @@ import TableRow from '@mui/material/TableRow';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
 import TableHead from '@mui/material/TableHead';
-import CardContent from '@mui/material/CardContent';
 import Typography from '@mui/material/Typography';
+import CardContent from '@mui/material/CardContent';
 
 import {paths} from "src/paths";
 import {useDialog} from "src/hooks/use-dialog";
@@ -33,6 +35,7 @@ import TableSorterHeader from 'src/sections/components/table-sorter-header';
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
 import {ListFileCollectionActions} from "src/components/app/list/list-file-collection-actions";
 import {MappingPackagesBulkAssigner} from "src/sections/app/mapping-package/components/mapping-packages-bulk-assigner";
+import {MenuActionButton, MenuActions} from '../../../components/menu-actions';
 
 export const ListTableRow = (props) => {
     const {
@@ -124,16 +127,15 @@ export const ListTableRow = (props) => {
                     {timeTransformer(item.created_at, timeSetting)}
                 </TableCell>
                 <TableCell align="right">
-                    <Stack direction='row'
-                           justifyContent='end'>
-                        <Button size="small"
-                                onClick={() => openUploadModal?.(item._id)}
-                        >
-                            Upload
-                        </Button>
+                    <MenuActions>
+                        <MenuActionButton
+                            icon={<UploadIcon/>}
+                            action={() => openUploadModal?.(item._id)}
+                            text='Upload'
+                        />
                         <ListFileCollectionActions
                             itemctx={new ForListItemAction(item_id, sectionApi)}/>
-                    </Stack>
+                    </MenuActions>
                 </TableCell>
             </TableRow>
             {isCurrent && (
@@ -341,9 +343,7 @@ export const FileCollectionListTable = (props) => {
                                     <SorterHeader align="left"
                                                   title='created'
                                                   fieldName='created_at'/>
-                                    <TableCell align="right">
-                                        Actions
-                                    </TableCell>
+                                    <TableCell align="right"/>
                                 </TableRow>
                             </TableHead>
                             <TableBody>
diff --git a/mapping_workbench/frontend/src/sections/app/file-manager/test-data-collection-list-table.js b/mapping_workbench/frontend/src/sections/app/file-manager/test-data-collection-list-table.js
index 608d521c..316e57e4 100644
--- a/mapping_workbench/frontend/src/sections/app/file-manager/test-data-collection-list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/file-manager/test-data-collection-list-table.js
@@ -1,11 +1,9 @@
 import {useEffect, useState} from 'react';
 import PropTypes from 'prop-types';
 
-import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 import UploadIcon from '@mui/icons-material/Upload';
 
 import {Box} from "@mui/system";
-import Menu from '@mui/material/Menu';
 import Chip from '@mui/material/Chip';
 import Grid from '@mui/material/Grid';
 import Paper from '@mui/material/Paper';
@@ -18,7 +16,6 @@ import TableRow from '@mui/material/TableRow';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
 import TableHead from '@mui/material/TableHead';
-import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
 import CardContent from '@mui/material/CardContent';
 
@@ -32,11 +29,11 @@ import timeTransformer from "src/utils/time-transformer";
 import {PropertyList} from "src/components/property-list";
 import {useGlobalState} from "src/hooks/use-global-state";
 import {mappingPackagesApi} from "src/api/mapping-packages";
-import {MenuActionButton} from 'src/components/menu-action-button';
 import {PropertyListItem} from "src/components/property-list-item";
 import {ChevronButton} from 'src/sections/components/chevron-button';
 import ConfirmDialog from "src/components/app/dialog/confirm-dialog";
 import TablePagination from "src/sections/components/table-pagination";
+import {MenuActions, MenuActionButton} from 'src/components/menu-actions';
 import {ListItemActions} from "src/components/app/list/list-item-actions";
 import TableSorterHeader from 'src/sections/components/table-sorter-header';
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
@@ -61,7 +58,6 @@ export const ListTableRow = (props) => {
     const {timeSetting} = useGlobalState()
     const [collectionResources, setCollectionResources] = useState([]);
     const [confirmOpen, setConfirmOpen] = useState(false);
-    const [actionsMenu, setActionsMenu] = useState(null)
     const uploadDialog = useDialog()
 
     useEffect(() => {
@@ -163,19 +159,14 @@ export const ListTableRow = (props) => {
                     {timeTransformer(item.created_at, timeSetting)}
                 </TableCell>
                 <TableCell align="right">
-                    <IconButton onClick={e => setActionsMenu(e.target)}>
-                        <MoreHorizIcon/>
-                    </IconButton>
-                    <Menu anchorEl={actionsMenu}
-                          open={!!actionsMenu}
-                          onClose={() => setActionsMenu(null)}>
+                    <MenuActions>
                         <MenuActionButton action={() => uploadDialog.handleOpen({id: item_id})}
                                           icon={<UploadIcon/>}
                                           text='Import test data'/>
                         <ListItemActions
                             itemctx={new ForListItemAction(item_id, sectionApi)}
                             onDeleteAction={handleDeleteAction}/>
-                    </Menu>
+                    </MenuActions>
                 </TableCell>
             </TableRow>
             {isCurrent && (
@@ -371,7 +362,7 @@ export const TestDataCollectionListTable = (props) => {
                                 <TableCell sx={{py: 1, backgroundColor: 'red'}}>
                                     <Checkbox checked={allChecked}
                                               indeterminate={!!selectedItems.length && !allChecked}
-                                              onChange={(event) => handleItemsSelectAll(event.target.checked)}
+                                              onChange={event => handleItemsSelectAll(event.target.checked)}
                                     />
                                 </TableCell>
                                 <SorterHeader width="25%"
diff --git a/mapping_workbench/frontend/src/sections/app/generic-triple-map-fragment/list-table.js b/mapping_workbench/frontend/src/sections/app/generic-triple-map-fragment/list-table.js
index f1b398bf..2982b4ce 100644
--- a/mapping_workbench/frontend/src/sections/app/generic-triple-map-fragment/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/generic-triple-map-fragment/list-table.js
@@ -35,6 +35,7 @@ import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
 import {
     MappingPackageCheckboxList
 } from 'src/sections/app/mapping-package/components/mapping-package-real-checkbox-list';
+import {MenuActions} from '../../../components/menu-actions';
 import {ChevronButton} from '../../components/chevron-button';
 
 
@@ -199,9 +200,7 @@ export const ListTable = (props) => {
                                     <SorterHeader fieldName="created_at"
                                                   title="Created"/>
                                 </TableCell>
-                                <TableCell align="right">
-                                    Actions
-                                </TableCell>
+                                <TableCell align="right"/>
                             </TableRow>
                         </TableHead>
                         <TableBody>
@@ -257,8 +256,10 @@ export const ListTable = (props) => {
                                             {timeTransformer(item.created_at, timeSetting)}
                                         </TableCell>
                                         <TableCell align="right">
-                                            <ListItemActions
-                                                itemctx={new ForListItemAction(item_id, sectionApi)}/>
+                                            <MenuActions>
+                                                <ListItemActions
+                                                    itemctx={new ForListItemAction(item_id, sectionApi)}/>
+                                            </MenuActions>
                                         </TableCell>
                                     </TableRow>
                                     {isCurrent && (<TableRow>
diff --git a/mapping_workbench/frontend/src/sections/app/ontology-namespace-custom/list-table.js b/mapping_workbench/frontend/src/sections/app/ontology-namespace-custom/list-table.js
index 0a3f3a15..cd439530 100644
--- a/mapping_workbench/frontend/src/sections/app/ontology-namespace-custom/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/ontology-namespace-custom/list-table.js
@@ -9,11 +9,12 @@ import TableHead from '@mui/material/TableHead';
 import Typography from '@mui/material/Typography';
 
 import {Scrollbar} from 'src/components/scrollbar';
+import TablePagination from 'src/sections/components/table-pagination';
 import {ListItemActions} from 'src/components/app/list/list-item-actions';
+import TableSorterHeader from 'src/sections/components/table-sorter-header';
+import {toastError, toastLoad, toastSuccess} from "src/components/app-toast";
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
-import {toastError, toastLoad, toastSuccess} from "../../../components/app-toast";
-import TablePagination from '../../components/table-pagination';
-import TableSorterHeader from '../../components/table-sorter-header';
+import {MenuActions} from '../../../components/menu-actions';
 
 export const ListTable = (props) => {
     const {
@@ -72,9 +73,7 @@ export const ListTable = (props) => {
                             <TableRow>
                                 <SorterHeader fieldName='prefix'/>
                                 <SorterHeader fieldName='uri'/>
-                                <TableCell align="right">
-                                    Actions
-                                </TableCell>
+                                <TableCell align="right"/>
                             </TableRow>
                         </TableHead>
                         <TableBody>
@@ -94,10 +93,12 @@ export const ListTable = (props) => {
                                             {item.uri}
                                         </TableCell>
                                         <TableCell align="right">
-                                            <ListItemActions
-                                                itemctx={new ForListItemAction(item_id, sectionApi)}
-                                                onDeleteAction={() => handleDeleteAction(item_id)}
-                                            />
+                                            <MenuActions>
+                                                <ListItemActions
+                                                    itemctx={new ForListItemAction(item_id, sectionApi)}
+                                                    onDeleteAction={() => handleDeleteAction(item_id)}
+                                                />
+                                            </MenuActions>
                                         </TableCell>
                                     </TableRow>
                                 );
diff --git a/mapping_workbench/frontend/src/sections/app/ontology-namespace/list-table.js b/mapping_workbench/frontend/src/sections/app/ontology-namespace/list-table.js
index 1241f912..9c2e0c53 100644
--- a/mapping_workbench/frontend/src/sections/app/ontology-namespace/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/ontology-namespace/list-table.js
@@ -1,6 +1,6 @@
-import Paper from '@mui/material/Paper';
 import PropTypes from 'prop-types';
 
+import Paper from '@mui/material/Paper';
 import Table from '@mui/material/Table';
 import Switch from "@mui/material/Switch";
 import TableRow from '@mui/material/TableRow';
@@ -10,11 +10,12 @@ import TableHead from '@mui/material/TableHead';
 import Typography from '@mui/material/Typography';
 
 import {Scrollbar} from 'src/components/scrollbar';
+import TablePagination from "src/sections/components/table-pagination";
 import {ListItemActions} from 'src/components/app/list/list-item-actions';
+import TableSorterHeader from 'src/sections/components/table-sorter-header';
+import {toastError, toastLoad, toastSuccess} from "src/components/app-toast";
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
-import {toastError, toastLoad, toastSuccess} from "../../../components/app-toast";
-import TablePagination from "../../components/table-pagination";
-import TableSorterHeader from '../../components/table-sorter-header';
+import {MenuActions} from '../../../components/menu-actions';
 
 export const ListTable = (props) => {
     const {
@@ -76,9 +77,7 @@ export const ListTable = (props) => {
                                 <TableCell>
                                     Syncable
                                 </TableCell>
-                                <TableCell align="right">
-                                    Actions
-                                </TableCell>
+                                <TableCell align="right"/>
                             </TableRow>
                         </TableHead>
                         <TableBody>
@@ -106,10 +105,12 @@ export const ListTable = (props) => {
                                             />
                                         </TableCell>
                                         <TableCell align="right">
-                                            <ListItemActions
-                                                itemctx={new ForListItemAction(item_id, sectionApi)}
-                                                onDeleteAction={() => handleDeleteAction(item_id)}
-                                            />
+                                            <MenuActions>
+                                                <ListItemActions
+                                                    itemctx={new ForListItemAction(item_id, sectionApi)}
+                                                    onDeleteAction={() => handleDeleteAction(item_id)}
+                                                />
+                                            </MenuActions>
                                         </TableCell>
                                     </TableRow>
                                 );
diff --git a/mapping_workbench/frontend/src/sections/app/ontology-term/list-table.js b/mapping_workbench/frontend/src/sections/app/ontology-term/list-table.js
index e6fe294a..1933df31 100644
--- a/mapping_workbench/frontend/src/sections/app/ontology-term/list-table.js
+++ b/mapping_workbench/frontend/src/sections/app/ontology-term/list-table.js
@@ -14,6 +14,7 @@ import CardContent from '@mui/material/CardContent';
 import {Scrollbar} from 'src/components/scrollbar';
 import {ListItemActions} from 'src/components/app/list/list-item-actions';
 import {ForListItemAction} from 'src/contexts/app/section/for-list-item-action';
+import {MenuActions} from '../../../components/menu-actions';
 import {ChevronButton} from '../../components/chevron-button';
 import TablePagination from "../../components/table-pagination";
 import TableSorterHeader from "../../components/table-sorter-header";
@@ -75,9 +76,7 @@ export const ListTable = (props) => {
                                               title='Term'/>
                                 <SorterHeader fieldName='type'
                                               title='Type'/>
-                                <TableCell align="right">
-                                    Actions
-                                </TableCell>
+                                <TableCell align="right"/>
                             </TableRow>
                         </TableHead>
                         <TableBody>
@@ -121,8 +120,10 @@ export const ListTable = (props) => {
                                                 {item.type}
                                             </TableCell>
                                             <TableCell align="right">
-                                                <ListItemActions
-                                                    itemctx={new ForListItemAction(item_id, sectionApi)}/>
+                                                <MenuActions>
+                                                    <ListItemActions
+                                                        itemctx={new ForListItemAction(item_id, sectionApi)}/>
+                                                </MenuActions>
                                             </TableCell>
                                         </TableRow>
                                         {isCurrent && (