diff --git a/src/admin/modules/application/components/ApplicationList.tsx b/src/admin/modules/application/components/ApplicationList.tsx
index 2e7737c11..940aa6307 100644
--- a/src/admin/modules/application/components/ApplicationList.tsx
+++ b/src/admin/modules/application/components/ApplicationList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { useState } from "react";
 import {
   AutocompleteInput,
@@ -17,6 +17,10 @@ import {
 
 import ListActions from "@/admin/components/Actions/ListActions";
 import ApplicationsExportModal from "@/admin/modules/application/components/ApplicationsExportModal";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { V2OrganisationRead } from "@/generated/apiSchemas";
 
 import modules from "../..";
@@ -29,6 +33,17 @@ export const statusChoices = [
   { id: "rejected", name: "Rejected" }
 ];
 
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <ShowButton />
+  },
+  {
+    id: "2",
+    render: () => <DeleteWithConfirmButton />
+  }
+];
+
 const ApplicationDataGrid = () => {
   return (
     <Datagrid>
@@ -61,8 +76,9 @@ const ApplicationDataGrid = () => {
       />
       <DateField source="created_at" label="Created" showTime locales="en-GB" />
       <DateField source="updated_at" label="Last Edited" showTime locales="en-GB" />
-      <ShowButton />
-      <DeleteWithConfirmButton />
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -71,27 +87,33 @@ export const ApplicationList = () => {
   const [exportModalOpen, setExportModalOpen] = useState<boolean>(false);
 
   const filters = [
-    <SearchInput key="s" source="search" alwaysOn />,
+    <SearchInput key="s" source="search" alwaysOn className="search-page-admin" />,
     <ReferenceInput
       key="fp"
       source="funding_programme_uuid"
       reference={modules.fundingProgramme.ResourceName}
       label="Funding Programme"
     >
-      <AutocompleteInput optionText="name" label="Funding Programme" />
+      <AutocompleteInput optionText="name" label="Funding Programme" className="select-page-admin" />
     </ReferenceInput>,
     <ReferenceInput key="st" source="current_submission.uuid" reference={modules.stage.ResourceName} label="Stage">
-      <AutocompleteInput optionText="name" label="Stage" optionValue="uuid" />
+      <AutocompleteInput optionText="name" label="Stage" optionValue="uuid" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="status" label="Status" source="current_submission_status" choices={statusChoices} />
+    <SelectInput
+      key="status"
+      label="Status"
+      source="current_submission_status"
+      choices={statusChoices}
+      className="select-page-admin"
+    />
   ];
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Applications</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Applications
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={() => setExportModalOpen(true)} />} filters={filters}>
diff --git a/src/admin/modules/form/components/FormList.tsx b/src/admin/modules/form/components/FormList.tsx
index 7b9e61059..057f247c8 100644
--- a/src/admin/modules/form/components/FormList.tsx
+++ b/src/admin/modules/form/components/FormList.tsx
@@ -1,21 +1,39 @@
-import { Divider, Stack, Typography } from "@mui/material";
-import { BooleanField, Datagrid, ImageField, List, TextField } from "react-admin";
+import { Stack } from "@mui/material";
+import { useState } from "react";
+import { BooleanField, Datagrid, ImageField, List, TextField, useDataProvider } from "react-admin";
 
-export const FormList = () => (
-  <>
-    <Stack gap={1} py={2}>
-      <Typography variant="h5">Forms</Typography>
+import { UserDataProvider } from "@/admin/apiProvider/dataProviders/userDataProvider";
+import ListActionsCreate from "@/admin/components/Actions/ListActionsCreate";
+import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
+import Text from "@/components/elements/Text/Text";
 
-      <Divider />
-    </Stack>
+import modules from "../..";
 
-    <List>
-      <Datagrid rowClick="show" bulkActionButtons={false}>
-        <ImageField source="banner.thumb_url" label="Banner Image" />
-        <TextField source="title" label="Title" />
-        <TextField source="type" label="Form Type" />
-        <BooleanField source="published" label="Published" />
-      </Datagrid>
-    </List>
-  </>
-);
+export const FormList = () => {
+  const [exporting, setExporting] = useState<boolean>(false);
+  const userDataProvider = useDataProvider<UserDataProvider>();
+  const handleExport = () => {
+    setExporting(true);
+
+    userDataProvider.export(modules.user.ResourceName).finally(() => setExporting(false));
+  };
+  return (
+    <>
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Forms
+        </Text>
+      </Stack>
+
+      <List actions={<ListActionsCreate onExport={handleExport} />}>
+        <Datagrid rowClick="show" bulkActionButtons={false}>
+          <ImageField source="banner.thumb_url" label="Banner Image" />
+          <TextField source="title" label="Title" />
+          <TextField source="type" label="Form Type" />
+          <BooleanField source="published" label="Published" />
+        </Datagrid>
+      </List>
+      <ExportProcessingAlert show={exporting} />
+    </>
+  );
+};
diff --git a/src/admin/modules/fundingProgrammes/components/FundingProgrammeList.tsx b/src/admin/modules/fundingProgrammes/components/FundingProgrammeList.tsx
index 64ff71ec0..a38dff916 100644
--- a/src/admin/modules/fundingProgrammes/components/FundingProgrammeList.tsx
+++ b/src/admin/modules/fundingProgrammes/components/FundingProgrammeList.tsx
@@ -1,25 +1,56 @@
-import { Divider, Stack, Typography } from "@mui/material";
-import { Datagrid, DateField, EditButton, List, ShowButton, TextField } from "react-admin";
+import { Stack } from "@mui/material";
+import { useState } from "react";
+import { Datagrid, DateField, EditButton, List, ShowButton, TextField, useDataProvider } from "react-admin";
+
+import { UserDataProvider } from "@/admin/apiProvider/dataProviders/userDataProvider";
+import ListActionsCreate from "@/admin/components/Actions/ListActionsCreate";
+import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
+
+import modules from "../..";
+
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <EditButton />
+  },
+  {
+    id: "2",
+    render: () => <ShowButton />
+  }
+];
 
 export const FundingProgrammeList = () => {
+  const [exporting, setExporting] = useState<boolean>(false);
+  const userDataProvider = useDataProvider<UserDataProvider>();
+  const handleExport = () => {
+    setExporting(true);
+
+    userDataProvider.export(modules.user.ResourceName).finally(() => setExporting(false));
+  };
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Funding Programmes</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Funding Programmes
+        </Text>
       </Stack>
 
-      <List filters={[]}>
-        <Datagrid rowClick="edit">
+      <List actions={<ListActionsCreate onExport={handleExport} />} filters={[]}>
+        <Datagrid>
           <TextField source="name" label="Name" sortable={false} />
           <TextField source="description" label="Description" sortable={false} />
           <TextField source="status" label="Status" sortable={false} sx={{ textTransform: "capitalize" }} />
           <DateField source="created_at" label="Date Added" sortable={false} locales="en-GB" />
-          <ShowButton />
-          <EditButton />
+          <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+            <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+          </Menu>
         </Datagrid>
       </List>
+      <ExportProcessingAlert show={exporting} />
     </>
   );
 };
diff --git a/src/admin/modules/nurseries/components/NurseriesList.tsx b/src/admin/modules/nurseries/components/NurseriesList.tsx
index 17f64de3a..b668d2f7a 100644
--- a/src/admin/modules/nurseries/components/NurseriesList.tsx
+++ b/src/admin/modules/nurseries/components/NurseriesList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FC } from "react";
 import {
   AutocompleteInput,
@@ -21,6 +21,10 @@ import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAle
 import CustomBulkDeleteWithConfirmButton from "@/admin/components/Buttons/CustomBulkDeleteWithConfirmButton";
 import CustomDeleteWithConfirmButton from "@/admin/components/Buttons/CustomDeleteWithConfirmButton";
 import FrameworkSelectionDialog, { useFrameworkExport } from "@/admin/components/Dialogs/FrameworkSelectionDialog";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { useFrameworkChoices } from "@/constants/options/frameworks";
 import { getChangeRequestStatusOptions, getStatusOptions } from "@/constants/options/status";
@@ -28,6 +32,25 @@ import { optionToChoices } from "@/utils/options";
 
 import modules from "../..";
 
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <ShowButton />
+  },
+  {
+    id: "2",
+    render: () => <EditButton />
+  },
+  {
+    id: "3",
+    render: () => (
+      <WrapperField>
+        <CustomDeleteWithConfirmButton source="name" />
+      </WrapperField>
+    )
+  }
+];
+
 const NurseryDataGrid: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
@@ -53,11 +76,9 @@ const NurseryDataGrid: FC = () => {
         }
         sortable={false}
       />
-      <ShowButton />
-      <EditButton />
-      <WrapperField>
-        <CustomDeleteWithConfirmButton source="name" />
-      </WrapperField>
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -66,8 +87,14 @@ export const NurseriesList: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
   const filters = [
-    <SearchInput key="search" source="search" alwaysOn />,
-    <SelectInput key="country" label="Country" source="country" choices={optionToChoices(getCountriesOptions())} />,
+    <SearchInput key="search" source="search" alwaysOn className="search-page-admin" />,
+    <SelectInput
+      key="country"
+      label="Country"
+      source="country"
+      choices={optionToChoices(getCountriesOptions())}
+      className="select-page-admin"
+    />,
     <ReferenceInput
       key="organisation"
       source="organisation_uuid"
@@ -78,15 +105,28 @@ export const NurseriesList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Organization" />
+      <AutocompleteInput optionText="name" label="Organization" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="framework_key" label="Framework" source="framework_key" choices={frameworkChoices} />,
-    <SelectInput key="status" label="Status" source="status" choices={optionToChoices(getStatusOptions())} />,
+    <SelectInput
+      key="framework_key"
+      label="Framework"
+      source="framework_key"
+      choices={frameworkChoices}
+      className="select-page-admin"
+    />,
+    <SelectInput
+      key="status"
+      label="Status"
+      source="status"
+      choices={optionToChoices(getStatusOptions())}
+      className="select-page-admin"
+    />,
     <SelectInput
       key="update_request_status"
       label="Change Request Status"
       source="update_request_status"
       choices={optionToChoices(getChangeRequestStatusOptions())}
+      className="select-page-admin"
     />,
     <ReferenceInput
       key="project"
@@ -98,7 +138,7 @@ export const NurseriesList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Project" />
+      <AutocompleteInput optionText="name" label="Project" className="select-page-admin" />
     </ReferenceInput>
   ];
 
@@ -106,10 +146,10 @@ export const NurseriesList: FC = () => {
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Nurseries</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Nurseries
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={openExportDialog} />} filters={filters}>
diff --git a/src/admin/modules/nurseryReports/components/NurseryReportsList.tsx b/src/admin/modules/nurseryReports/components/NurseryReportsList.tsx
index 15c08c148..67d58b44f 100644
--- a/src/admin/modules/nurseryReports/components/NurseryReportsList.tsx
+++ b/src/admin/modules/nurseryReports/components/NurseryReportsList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FC } from "react";
 import {
   AutocompleteInput,
@@ -19,6 +19,10 @@ import ListActions from "@/admin/components/Actions/ListActions";
 import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
 import CustomBulkDeleteWithConfirmButton from "@/admin/components/Buttons/CustomBulkDeleteWithConfirmButton";
 import FrameworkSelectionDialog, { useFrameworkExport } from "@/admin/components/Dialogs/FrameworkSelectionDialog";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { useFrameworkChoices } from "@/constants/options/frameworks";
 import { getChangeRequestStatusOptions, getReportStatusOptions } from "@/constants/options/status";
@@ -26,6 +30,17 @@ import { optionToChoices } from "@/utils/options";
 
 import modules from "../..";
 
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <ShowButton />
+  },
+  {
+    id: "2",
+    render: () => <EditButton />
+  }
+];
+
 const NurseryReportDataGrid: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
@@ -53,8 +68,9 @@ const NurseryReportDataGrid: FC = () => {
         }
         sortable={false}
       />
-      <ShowButton />
-      <EditButton />
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -63,7 +79,7 @@ export const NurseryReportsList: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
   const filters = [
-    <SearchInput key="search" source="search" alwaysOn />,
+    <SearchInput key="search" source="search" alwaysOn className="search-page-admin" />,
     <ReferenceInput
       key="project"
       source="project_uuid"
@@ -74,7 +90,7 @@ export const NurseryReportsList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Project" />
+      <AutocompleteInput optionText="name" label="Project" className="select-page-admin" />
     </ReferenceInput>,
     <ReferenceInput
       key="nursery"
@@ -86,16 +102,35 @@ export const NurseryReportsList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Nursery" />
+      <AutocompleteInput optionText="name" label="Nursery" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="country" label="Country" source="country" choices={optionToChoices(getCountriesOptions())} />,
-    <SelectInput key="framework_key" label="Framework" source="framework_key" choices={frameworkChoices} />,
-    <SelectInput key="status" label="Status" source="status" choices={optionToChoices(getReportStatusOptions())} />,
+    <SelectInput
+      key="country"
+      label="Country"
+      source="country"
+      choices={optionToChoices(getCountriesOptions())}
+      className="select-page-admin"
+    />,
+    <SelectInput
+      key="framework_key"
+      label="Framework"
+      source="framework_key"
+      choices={frameworkChoices}
+      className="select-page-admin"
+    />,
+    <SelectInput
+      key="status"
+      label="Status"
+      source="status"
+      choices={optionToChoices(getReportStatusOptions())}
+      className="select-page-admin"
+    />,
     <SelectInput
       key="update_request_status"
       label="Change Request Status"
       source="update_request_status"
       choices={optionToChoices(getChangeRequestStatusOptions())}
+      className="select-page-admin"
     />
   ];
 
@@ -103,10 +138,10 @@ export const NurseryReportsList: FC = () => {
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Nursery Reports</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Nursery Reports
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={openExportDialog} />} filters={filters}>
diff --git a/src/admin/modules/organisations/components/OrganisationsList.tsx b/src/admin/modules/organisations/components/OrganisationsList.tsx
index 0262a38ef..c32574285 100644
--- a/src/admin/modules/organisations/components/OrganisationsList.tsx
+++ b/src/admin/modules/organisations/components/OrganisationsList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Tab, Tabs, Typography } from "@mui/material";
+import { Divider, Stack, Tab, Tabs } from "@mui/material";
 import { Fragment, useCallback, useState } from "react";
 import {
   Datagrid,
@@ -18,6 +18,10 @@ import { OrganisationDataProvider } from "@/admin/apiProvider/dataProviders/orga
 import ListActions from "@/admin/components/Actions/ListActions";
 import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
 import FundingProgrammesArrayField from "@/admin/components/Fields/FundingProgrammesArrayField";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getOrganisationTypeOptions } from "@/constants/options/organisations";
 import { optionToChoices } from "@/utils/options";
 
@@ -32,11 +36,12 @@ const tabs = [
 ];
 
 const filters = [
-  <SearchInput key="s" source="search" alwaysOn />,
+  <SearchInput key="s" source="search" alwaysOn className="search-page-admin" />,
   <SelectInput
     key="c"
     label="Organisation Type"
     source="type"
+    className="select-page-admin"
     choices={optionToChoices(getOrganisationTypeOptions())}
   />
 ];
@@ -59,6 +64,17 @@ const ApplicationDataGrid = () => {
     [displayedFilters, filterValues, setFilters]
   );
 
+  const tableMenu = [
+    {
+      id: "1",
+      render: () => <EditButton />
+    },
+    {
+      id: "2",
+      render: () => <ShowButton />
+    }
+  ];
+
   return (
     <Fragment>
       <Tabs variant="fullWidth" centered value={filterValues.status} indicatorColor="primary" onChange={handleChange}>
@@ -83,8 +99,9 @@ const ApplicationDataGrid = () => {
         <SelectField label="Organisation Type" source="type" choices={optionToChoices(getOrganisationTypeOptions())} />
         <TextField source="readable_status" label="Organisation Status" />
         <FundingProgrammesArrayField label="Funding Programmes" />
-        <ShowButton />
-        <EditButton />
+        <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+          <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+        </Menu>
       </Datagrid>
     </Fragment>
   );
@@ -103,12 +120,11 @@ export const OrganisationsList = () => {
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Organisations</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Organisations
+        </Text>
       </Stack>
-
       <List
         actions={<ListActions onExport={handleExport} />}
         filters={filters}
diff --git a/src/admin/modules/pitch/components/PitchesList.tsx b/src/admin/modules/pitch/components/PitchesList.tsx
index 4ec4702d2..6c5595914 100644
--- a/src/admin/modules/pitch/components/PitchesList.tsx
+++ b/src/admin/modules/pitch/components/PitchesList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { useState } from "react";
 import {
   Datagrid,
@@ -18,6 +18,10 @@ import { PitchDataProvider } from "@/admin/apiProvider/dataProviders/pitchDataPr
 import ListActions from "@/admin/components/Actions/ListActions";
 import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
 import SimpleChipFieldArray from "@/admin/components/Fields/SimpleChipFieldArray";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { getRestorationInterventionTypeOptions } from "@/constants/options/restorationInterventionTypes";
 import { optionToChoices } from "@/utils/options";
@@ -25,24 +29,37 @@ import { optionToChoices } from "@/utils/options";
 import modules from "../..";
 
 const filters = [
-  <SearchInput key="s" source="search" alwaysOn />,
+  <SearchInput key="s" source="search" alwaysOn className="search-page-admin" />,
   <SelectInput
     key="i"
     label="Intervention Type"
+    className="select-page-admin"
     source="restoration_intervention_types"
     choices={optionToChoices(getRestorationInterventionTypeOptions())}
   />,
   <SelectInput
     key="c"
     label="Project country"
+    className="select-page-admin"
     source="project_country"
     choices={optionToChoices(getCountriesOptions())}
   />
 ];
 
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <EditButton />
+  },
+  {
+    id: "2",
+    render: () => <ShowButton />
+  }
+];
+
 const ApplicationDataGrid = () => {
   return (
-    <Datagrid rowClick="show">
+    <Datagrid>
       <TextField source="project_name" label="Project Name" sortable />
       <ReferenceField
         source="organisation_id"
@@ -59,8 +76,9 @@ const ApplicationDataGrid = () => {
       />
       <SelectField source="project_country" label="Countries" choices={optionToChoices(getCountriesOptions())} />
       <DateField source="created_at" label="Date Added" locales="en-GB" />
-      <ShowButton />
-      <EditButton />
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -78,10 +96,10 @@ export const PitchesList = () => {
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Pitches</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Pitches
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={handleExport} />} filters={filters}>
diff --git a/src/admin/modules/projectReports/components/ProjectReportsList.tsx b/src/admin/modules/projectReports/components/ProjectReportsList.tsx
index 9ad50a205..e1cece667 100644
--- a/src/admin/modules/projectReports/components/ProjectReportsList.tsx
+++ b/src/admin/modules/projectReports/components/ProjectReportsList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FC } from "react";
 import {
   AutocompleteInput,
@@ -19,6 +19,10 @@ import ListActions from "@/admin/components/Actions/ListActions";
 import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
 import CustomBulkDeleteWithConfirmButton from "@/admin/components/Buttons/CustomBulkDeleteWithConfirmButton";
 import FrameworkSelectionDialog, { useFrameworkExport } from "@/admin/components/Dialogs/FrameworkSelectionDialog";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { useFrameworkChoices } from "@/constants/options/frameworks";
 import { getChangeRequestStatusOptions, getReportStatusOptions } from "@/constants/options/status";
@@ -29,6 +33,17 @@ import modules from "../..";
 const ProjectReportDataGrid: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
+  const tableMenu = [
+    {
+      id: "1",
+      render: () => <ShowButton />
+    },
+    {
+      id: "2",
+      render: () => <EditButton />
+    }
+  ];
+
   return (
     <Datagrid bulkActionButtons={<CustomBulkDeleteWithConfirmButton source="title" />}>
       <TextField source="title" label="Report Name" />
@@ -53,8 +68,9 @@ const ProjectReportDataGrid: FC = () => {
       <DateField source="due_at" label="Due Date" locales="en-GB" />
       <DateField source="updated_at" label="Last Updated" locales="en-GB" />
       <DateField source="submitted_at" label="Date Submitted" locales="en-GB" />
-      <ShowButton />
-      <EditButton />
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -62,7 +78,7 @@ const ProjectReportDataGrid: FC = () => {
 export const ProjectReportsList: FC = () => {
   const frameworkChoices = useFrameworkChoices();
   const filters = [
-    <SearchInput key="search" source="search" alwaysOn />,
+    <SearchInput key="search" source="search" alwaysOn className="search-page-admin" />,
     <ReferenceInput
       key="project"
       source="project_uuid"
@@ -73,27 +89,46 @@ export const ProjectReportsList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Project" />
+      <AutocompleteInput optionText="name" label="Project" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="country" label="Country" source="country" choices={optionToChoices(getCountriesOptions())} />,
-    <SelectInput key="status" label="Status" source="status" choices={optionToChoices(getReportStatusOptions())} />,
+    <SelectInput
+      key="country"
+      label="Country"
+      source="country"
+      choices={optionToChoices(getCountriesOptions())}
+      className="select-page-admin"
+    />,
+    <SelectInput
+      key="status"
+      label="Status"
+      source="status"
+      choices={optionToChoices(getReportStatusOptions())}
+      className="select-page-admin"
+    />,
     <SelectInput
       key="update_request_status"
       label="Change Request Status"
       source="update_request_status"
       choices={optionToChoices(getChangeRequestStatusOptions())}
+      className="select-page-admin"
     />,
-    <SelectInput key="framework_key" label="Framework" source="framework_key" choices={frameworkChoices} />
+    <SelectInput
+      key="framework_key"
+      label="Framework"
+      source="framework_key"
+      choices={frameworkChoices}
+      className="select-page-admin"
+    />
   ];
 
   const { exporting, openExportDialog, frameworkDialogProps } = useFrameworkExport("project-reports");
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Project Reports</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Project Reports
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={openExportDialog} />} filters={filters}>
diff --git a/src/admin/modules/projects/components/ProjectsList.tsx b/src/admin/modules/projects/components/ProjectsList.tsx
index 357448002..4dd7dbc5c 100644
--- a/src/admin/modules/projects/components/ProjectsList.tsx
+++ b/src/admin/modules/projects/components/ProjectsList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FC } from "react";
 import {
   AutocompleteInput,
@@ -22,6 +22,10 @@ import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAle
 import CustomBulkDeleteWithConfirmButton from "@/admin/components/Buttons/CustomBulkDeleteWithConfirmButton";
 import CustomDeleteWithConfirmButton from "@/admin/components/Buttons/CustomDeleteWithConfirmButton";
 import FrameworkSelectionDialog, { useFrameworkExport } from "@/admin/components/Dialogs/FrameworkSelectionDialog";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { useFrameworkChoices } from "@/constants/options/frameworks";
 import { getChangeRequestStatusOptions, getStatusOptions } from "@/constants/options/status";
@@ -40,6 +44,25 @@ const monitoringDataChoices = [
   }
 ];
 
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <ShowButton />
+  },
+  {
+    id: "2",
+    render: () => <EditButton />
+  },
+  {
+    id: "3",
+    render: () => (
+      <WrapperField>
+        <CustomDeleteWithConfirmButton source="name" />
+      </WrapperField>
+    )
+  }
+];
+
 const ProjectDataGrid = () => {
   const frameworkChoices = useFrameworkChoices();
 
@@ -65,11 +88,9 @@ const ProjectDataGrid = () => {
         sortable={false}
       />
       <BooleanField source="has_monitoring_data" label="Monitored Data" sortable={false} looseValue />
-      <ShowButton />
-      <EditButton />
-      <WrapperField>
-        <CustomDeleteWithConfirmButton source="name" />
-      </WrapperField>
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -78,12 +99,19 @@ export const ProjectsList: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
   const filters = [
-    <SearchInput key="search" source="search" alwaysOn />,
-    <SelectInput key="country" label="Country" source="country" choices={optionToChoices(getCountriesOptions())} />,
+    <SearchInput key="search" source="search" alwaysOn className="search-page-admin" />,
+    <SelectInput
+      key="country"
+      label="Country"
+      source="country"
+      className="select-page-admin"
+      choices={optionToChoices(getCountriesOptions())}
+    />,
     <SelectInput
       key="monitoring_data"
       label="Monitored Data"
       source="monitoring_data"
+      className="select-page-admin"
       choices={monitoringDataChoices}
     />,
     <ReferenceInput
@@ -91,31 +119,45 @@ export const ProjectsList: FC = () => {
       source="organisation_uuid"
       reference={modules.organisation.ResourceName}
       label="Organization"
+      className="select-page-admin"
       sort={{
         field: "name",
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Organization" />
+      <AutocompleteInput optionText="name" label="Organization" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="status" label="Status" source="status" choices={optionToChoices(getStatusOptions())} />,
+    <SelectInput
+      key="status"
+      label="Status"
+      source="status"
+      choices={optionToChoices(getStatusOptions())}
+      className="select-page-admin"
+    />,
     <SelectInput
       key="update_request_status"
+      className="select-page-admin"
       label="Change Request Status"
       source="update_request_status"
       choices={optionToChoices(getChangeRequestStatusOptions())}
     />,
-    <SelectInput key="framework_key" label="Framework" source="framework_key" choices={frameworkChoices} />
+    <SelectInput
+      key="framework_key"
+      label="Framework"
+      source="framework_key"
+      choices={frameworkChoices}
+      className="select-page-admin"
+    />
   ];
 
   const { exporting, openExportDialog, frameworkDialogProps } = useFrameworkExport("projects");
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Projects</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Projects
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={openExportDialog} />} filters={filters}>
diff --git a/src/admin/modules/reportingFramework/components/ReportingFrameworkList.tsx b/src/admin/modules/reportingFramework/components/ReportingFrameworkList.tsx
index 1eec0c260..0475d0252 100644
--- a/src/admin/modules/reportingFramework/components/ReportingFrameworkList.tsx
+++ b/src/admin/modules/reportingFramework/components/ReportingFrameworkList.tsx
@@ -1,34 +1,72 @@
-import { Divider, Stack, Typography } from "@mui/material";
-import { FC } from "react";
-import { Datagrid, EditButton, List, ShowButton, TextField, WrapperField } from "react-admin";
+import { Stack } from "@mui/material";
+import { FC, useState } from "react";
+import { Datagrid, EditButton, List, ShowButton, TextField, useDataProvider, WrapperField } from "react-admin";
 
+import { UserDataProvider } from "@/admin/apiProvider/dataProviders/userDataProvider";
+import ListActionsCreate from "@/admin/components/Actions/ListActionsCreate";
+import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
 import CustomDeleteWithConfirmButton from "@/admin/components/Buttons/CustomDeleteWithConfirmButton";
 import { useGetUserRole } from "@/admin/hooks/useGetUserRole";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
+
+import modules from "../..";
 
 export const ReportingFrameworkList: FC = () => {
+  const [exporting, setExporting] = useState<boolean>(false);
+  const userDataProvider = useDataProvider<UserDataProvider>();
+  const handleExport = () => {
+    setExporting(true);
+    userDataProvider.export(modules.user.ResourceName).finally(() => setExporting(false));
+  };
   const { isSuperAdmin } = useGetUserRole();
+
+  const commonMenu = [
+    {
+      id: "1",
+      render: () => <EditButton />
+    },
+    {
+      id: "2",
+      render: () => <ShowButton />
+    }
+  ];
+
+  const tableMenu = isSuperAdmin
+    ? [
+        ...commonMenu,
+        {
+          id: "3",
+          render: () => (
+            <WrapperField>
+              <CustomDeleteWithConfirmButton source="name" />
+            </WrapperField>
+          )
+        }
+      ]
+    : commonMenu;
+
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Reporting Frameworks</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Reporting Frameworks
+        </Text>
       </Stack>
 
-      <List>
-        <Datagrid rowClick="edit" bulkActionButtons={false}>
+      <List actions={<ListActionsCreate onExport={handleExport} />}>
+        <Datagrid bulkActionButtons={false}>
           <TextField source="name" label="Framework" />
           <TextField source="access_code" label="Access Code" />
           <TextField source="total_projects_count" label="Enrolled Projects" />
-          <ShowButton />
-          <EditButton />
-          {isSuperAdmin && (
-            <WrapperField>
-              <CustomDeleteWithConfirmButton source="name" />
-            </WrapperField>
-          )}
+          <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+            <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+          </Menu>
         </Datagrid>
       </List>
+      <ExportProcessingAlert show={exporting} />
     </>
   );
 };
diff --git a/src/admin/modules/siteReports/components/SiteReportsList.tsx b/src/admin/modules/siteReports/components/SiteReportsList.tsx
index 6eacb997c..64b7d71d0 100644
--- a/src/admin/modules/siteReports/components/SiteReportsList.tsx
+++ b/src/admin/modules/siteReports/components/SiteReportsList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FC } from "react";
 import {
   AutocompleteInput,
@@ -19,6 +19,10 @@ import ListActions from "@/admin/components/Actions/ListActions";
 import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
 import CustomBulkDeleteWithConfirmButton from "@/admin/components/Buttons/CustomBulkDeleteWithConfirmButton";
 import FrameworkSelectionDialog, { useFrameworkExport } from "@/admin/components/Dialogs/FrameworkSelectionDialog";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { useFrameworkChoices } from "@/constants/options/frameworks";
 import { getChangeRequestStatusOptions, getReportStatusOptions } from "@/constants/options/status";
@@ -29,6 +33,17 @@ import modules from "../..";
 const SiteReportDataGrid: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
+  const tableMenu = [
+    {
+      id: "1",
+      render: () => <ShowButton />
+    },
+    {
+      id: "2",
+      render: () => <EditButton />
+    }
+  ];
+
   return (
     <Datagrid bulkActionButtons={<CustomBulkDeleteWithConfirmButton source="title" />}>
       <TextField source="site.name" label="Site Name" sortable={false} />
@@ -53,8 +68,9 @@ const SiteReportDataGrid: FC = () => {
       <DateField source="due_at" label="Due Date" locales="en-GB" />
       <DateField source="updated_at" label="Last Updated" locales="en-GB" />
       <DateField source="submitted_at" label="Date Submitted" locales="en-GB" />
-      <ShowButton />
-      <EditButton />
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -63,7 +79,7 @@ export const SiteReportsList: FC = () => {
   const frameworkChoices = useFrameworkChoices();
 
   const filters = [
-    <SearchInput key="search" source="search" alwaysOn />,
+    <SearchInput key="search" source="search" alwaysOn className="search-page-admin" />,
     <ReferenceInput
       key="project"
       source="project_uuid"
@@ -74,7 +90,7 @@ export const SiteReportsList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Project" />
+      <AutocompleteInput optionText="name" label="Project" className="select-page-admin" />
     </ReferenceInput>,
     <ReferenceInput
       key="site"
@@ -86,27 +102,46 @@ export const SiteReportsList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Site" />
+      <AutocompleteInput optionText="name" label="Site" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="country" label="Country" source="country" choices={optionToChoices(getCountriesOptions())} />,
-    <SelectInput key="status" label="Status" source="status" choices={optionToChoices(getReportStatusOptions())} />,
+    <SelectInput
+      key="country"
+      label="Country"
+      source="country"
+      choices={optionToChoices(getCountriesOptions())}
+      className="select-page-admin"
+    />,
+    <SelectInput
+      key="status"
+      label="Status"
+      source="status"
+      choices={optionToChoices(getReportStatusOptions())}
+      className="select-page-admin"
+    />,
     <SelectInput
       key="update_request_status"
       label="Change Request Status"
       source="update_request_status"
       choices={optionToChoices(getChangeRequestStatusOptions())}
+      className="select-page-admin"
     />,
-    <SelectInput key="framework_key" label="Framework" source="framework_key" choices={frameworkChoices} />
+    <SelectInput
+      key="framework_key"
+      label="Framework"
+      source="framework_key"
+      choices={frameworkChoices}
+      className="select-page-admin"
+    />
   ];
 
   const { exporting, openExportDialog, frameworkDialogProps } = useFrameworkExport("site-reports");
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Site Reports</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Site Reports
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={openExportDialog} />} filters={filters}>
diff --git a/src/admin/modules/sites/components/SitesList.tsx b/src/admin/modules/sites/components/SitesList.tsx
index 1dd4aeed4..a4033982b 100644
--- a/src/admin/modules/sites/components/SitesList.tsx
+++ b/src/admin/modules/sites/components/SitesList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FC } from "react";
 import {
   AutocompleteInput,
@@ -22,6 +22,10 @@ import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAle
 import CustomBulkDeleteWithConfirmButton from "@/admin/components/Buttons/CustomBulkDeleteWithConfirmButton";
 import CustomDeleteWithConfirmButton from "@/admin/components/Buttons/CustomDeleteWithConfirmButton";
 import FrameworkSelectionDialog, { useFrameworkExport } from "@/admin/components/Dialogs/FrameworkSelectionDialog";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { getCountriesOptions } from "@/constants/options/countries";
 import { useFrameworkChoices } from "@/constants/options/frameworks";
 import { getChangeRequestStatusOptions, getStatusOptions } from "@/constants/options/status";
@@ -39,6 +43,24 @@ const monitoringDataChoices = [
     name: "Yes"
   }
 ];
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <ShowButton />
+  },
+  {
+    id: "2",
+    render: () => <EditButton />
+  },
+  {
+    id: "3",
+    render: () => (
+      <WrapperField>
+        <CustomDeleteWithConfirmButton source="name" />
+      </WrapperField>
+    )
+  }
+];
 
 const SiteDataGrid: FC = () => {
   const frameworkChoices = useFrameworkChoices();
@@ -65,11 +87,9 @@ const SiteDataGrid: FC = () => {
         sortable={false}
       />
       <BooleanField source="has_monitoring_data" label="Monitored Data" sortable={false} looseValue />
-      <ShowButton />
-      <EditButton />
-      <WrapperField>
-        <CustomDeleteWithConfirmButton source="name" />
-      </WrapperField>
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -77,8 +97,14 @@ const SiteDataGrid: FC = () => {
 export const SitesList: FC = () => {
   const frameworkChoices = useFrameworkChoices();
   const filters = [
-    <SearchInput key="search" source="search" alwaysOn />,
-    <SelectInput key="country" label="Country" source="country" choices={optionToChoices(getCountriesOptions())} />,
+    <SearchInput key="search" source="search" alwaysOn className="search-page-admin" />,
+    <SelectInput
+      key="country"
+      label="Country"
+      source="country"
+      choices={optionToChoices(getCountriesOptions())}
+      className="select-page-admin"
+    />,
     <ReferenceInput
       key="organisation"
       source="organisation_uuid"
@@ -89,7 +115,7 @@ export const SitesList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Organization" />
+      <AutocompleteInput optionText="name" label="Organization" className="select-page-admin" />
     </ReferenceInput>,
     <ReferenceInput
       key="project"
@@ -101,21 +127,35 @@ export const SitesList: FC = () => {
         order: "ASC"
       }}
     >
-      <AutocompleteInput optionText="name" label="Project" />
+      <AutocompleteInput optionText="name" label="Project" className="select-page-admin" />
     </ReferenceInput>,
-    <SelectInput key="framework_key" label="Framework" source="framework_key" choices={frameworkChoices} />,
-    <SelectInput key="status" label="Status" source="status" choices={optionToChoices(getStatusOptions())} />,
+    <SelectInput
+      key="framework_key"
+      label="Framework"
+      source="framework_key"
+      choices={frameworkChoices}
+      className="select-page-admin"
+    />,
+    <SelectInput
+      key="status"
+      label="Status"
+      source="status"
+      choices={optionToChoices(getStatusOptions())}
+      className="select-page-admin"
+    />,
     <SelectInput
       key="update_request_status"
       label="Change Request Status"
       source="update_request_status"
       choices={optionToChoices(getChangeRequestStatusOptions())}
+      className="select-page-admin"
     />,
     <SelectInput
       key="monitoring_data"
       label="Monitored Data"
       source="monitoring_data"
       choices={monitoringDataChoices}
+      className="select-page-admin"
     />
   ];
 
@@ -123,10 +163,10 @@ export const SitesList: FC = () => {
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Sites</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Sites
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={openExportDialog} />} filters={filters}>
diff --git a/src/admin/modules/user/components/UserList.tsx b/src/admin/modules/user/components/UserList.tsx
index dcd6f026a..2dcd41ec8 100644
--- a/src/admin/modules/user/components/UserList.tsx
+++ b/src/admin/modules/user/components/UserList.tsx
@@ -1,4 +1,4 @@
-import { Divider, Stack, Typography } from "@mui/material";
+import { Stack } from "@mui/material";
 import { useState } from "react";
 import {
   BooleanField,
@@ -19,17 +19,22 @@ import {
 import { UserDataProvider } from "@/admin/apiProvider/dataProviders/userDataProvider";
 import ListActions from "@/admin/components/Actions/ListActions";
 import ExportProcessingAlert from "@/admin/components/Alerts/ExportProcessingAlert";
+import Menu from "@/components/elements/Menu/Menu";
+import { MENU_PLACEMENT_BOTTOM_LEFT } from "@/components/elements/Menu/MenuVariant";
+import Text from "@/components/elements/Text/Text";
+import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
 import { V2AdminUserRead } from "@/generated/apiSchemas";
 
 import modules from "../..";
 import { userTypesChoices } from "../const";
 
 const filters = [
-  <SearchInput key="s" source="search" alwaysOn />,
+  <SearchInput key="s" source="search" alwaysOn className="search-page-admin" />,
   <SelectInput
     key="c"
     label="User Status"
     source="verified"
+    className="select-page-admin"
     choices={[
       {
         id: true,
@@ -43,11 +48,22 @@ const filters = [
   />
 ];
 
+const tableMenu = [
+  {
+    id: "1",
+    render: () => <EditButton />
+  },
+  {
+    id: "2",
+    render: () => <ShowButton />
+  }
+];
+
 const UserDataGrid = () => {
   return (
-    <Datagrid rowClick="show">
+    <Datagrid>
       <FunctionField
-        label="Name and last name"
+        label="Name"
         source="first_name"
         render={(record: V2AdminUserRead) => `${record?.first_name || ""} ${record?.last_name || ""}`}
       />
@@ -63,10 +79,11 @@ const UserDataGrid = () => {
       <TextField source="email_address" label="Email" />
       <BooleanField source="verified" label="Verified" sortBy="email_address_verified_at" />
       <SelectField source="user_type" label="Type" choices={userTypesChoices} />
-      <DateField source="last_logged_in_at" label="Last Login Date" locales="en-GB" />
+      <DateField source="last_logged_in_at" label="Last Login" locales="en-GB" />
       <DateField source="created_at" label="Date Added" locales="en-GB" />
-      <ShowButton />
-      <EditButton />
+      <Menu menu={tableMenu} placement={MENU_PLACEMENT_BOTTOM_LEFT}>
+        <Icon name={IconNames.ELIPSES} className="h-6 w-6 rounded-full p-1 hover:bg-neutral-200"></Icon>
+      </Menu>
     </Datagrid>
   );
 };
@@ -78,16 +95,15 @@ export const UserList = () => {
 
   const handleExport = () => {
     setExporting(true);
-
     userDataProvider.export(modules.user.ResourceName).finally(() => setExporting(false));
   };
 
   return (
     <>
-      <Stack gap={1} py={2}>
-        <Typography variant="h5">Users</Typography>
-
-        <Divider />
+      <Stack gap={1} className="pb-6">
+        <Text variant="text-36-bold" className="leading-none">
+          Users
+        </Text>
       </Stack>
 
       <List actions={<ListActions onExport={handleExport} />} filters={filters}>
diff --git a/src/styles/custom-admin-page-styles.css b/src/styles/custom-admin-page-styles.css
index a0d7212e1..aa6a90bc4 100644
--- a/src/styles/custom-admin-page-styles.css
+++ b/src/styles/custom-admin-page-styles.css
@@ -26,6 +26,10 @@
  @apply !bg-white !rounded-lg
 }
 
+.select-page-admin label{
+  @apply pr-[14px]
+ }
+
 .button-aside-page-admin {
   @apply !w-full !bg-white !border !border-solid !border-primary-500 !uppercase !leading-[normal] !px-4 !py-[10.5px] !rounded-lg hover:!bg-grey-900 disabled:!border-transparent disabled:!bg-grey-750 !text-primary-500 disabled:!text-grey-730 !text-xs !font-bold lg:!text-sm wide:!text-base;
 }
@@ -47,7 +51,7 @@
 }
 
 .RaCreateButton-root{
-  @apply !text-blueCustom-900 !bg-white !text-sm !font-bold lg:text-base wide:text-md !tracking-normal !px-4 !py-2 !rounded-lg !border !border-solid !border-neutral-300 !mb-4;
+  @apply !text-blueCustom-900 !bg-white !text-sm !font-bold lg:!text-base wide:!text-md !tracking-normal !px-4 !py-2 !rounded-lg !border !border-solid !border-neutral-300 !mb-4 !font-primary !leading-[normal] !h-[42px]
 }
 
 .RaCreateButton-root:hover {