diff --git a/packages/components/src/MapFilterList/MapFilterList.tsx b/packages/components/src/MapFilterList/MapFilterList.tsx
index a185ae59be..8641087cfe 100644
--- a/packages/components/src/MapFilterList/MapFilterList.tsx
+++ b/packages/components/src/MapFilterList/MapFilterList.tsx
@@ -1,5 +1,6 @@
-import { Flex, Heading, Image, Text } from 'theme-ui'
+import { Flex, Heading, Text } from 'theme-ui'
 
+import { Button } from '../Button/Button'
 import { ButtonIcon } from '../ButtonIcon/ButtonIcon'
 import { MemberBadge } from '../MemberBadge/MemberBadge'
 import { MapFilterListItem } from './MapFilterListItem'
@@ -16,31 +17,35 @@ export interface IProps {
   availableFilters: MapFilterOptionsList
   onClose: () => void
   onFilterChange: (filter: MapFilterOption) => void
+  pinsCount: number
 }
 
 export const MapFilterList = (props: IProps) => {
-  const { activeFilters, availableFilters, onClose, onFilterChange } = props
+  const { activeFilters, availableFilters, onClose, onFilterChange, pinsCount } = props
 
   const profileFilters = availableFilters.filter(
     ({ filterType }) => filterType === 'profileType',
   )
-  const workspaceFilters = availableFilters.filter(
-    ({ filterType }) => filterType === 'workspaceType',
+
+  const tagFilters = availableFilters.filter(
+    ({ filterType }) => filterType === 'profileTag',
   )
 
   const isActive = (checkingFilter: string) =>
     !!activeFilters.find((filter) => filter.label === checkingFilter)
 
+  const buttonLabel = `Show ${pinsCount} result${pinsCount === 1 ? '' : 's'}`
+
   return (
     <Flex
       data-cy="MapFilterList"
       sx={{
         flexDirection: 'column',
         position: 'relative',
-        gap: 2,
+        gap: 4,
       }}
     >
-      <Flex sx={{ gap: 2 }}>
+      <Flex sx={{ alignItems: 'center', gap: 2, justifyContent: 'space-between' }}>
         <Heading as="h3" variant="small">
           So what are you looking for?
         </Heading>
@@ -53,11 +58,11 @@ export const MapFilterList = (props: IProps) => {
         />
       </Flex>
 
-      {workspaceFilters.length > 0 && (
-        <>
-          <Text>Workspace:</Text>
+      {profileFilters.length > 0 && (
+        <Flex sx={{gap: 1, flexDirection: 'column'}}>
+          <Text>Profiles:</Text>
           <MapFilterListWrapper>
-            {workspaceFilters.map((typeFilter, index) => {
+            {profileFilters.map((typeFilter, index) => {
               const onClick = () => onFilterChange(typeFilter)
 
               return (
@@ -66,12 +71,10 @@ export const MapFilterList = (props: IProps) => {
                   key={index}
                   onClick={onClick}
                 >
-                  {typeFilter.imageSrc && (
-                    <Image
-                      src={typeFilter.imageSrc}
-                      sx={{ height: 30, width: 30 }}
-                    />
-                  )}
+                  <MemberBadge
+                    size={30}
+                    profileType={typeFilter._id as ProfileTypeName}
+                  />
                   <Text variant="quiet" sx={{ fontSize: 1 }}>
                     {typeFilter.label}
                   </Text>
@@ -79,14 +82,14 @@ export const MapFilterList = (props: IProps) => {
               )
             })}
           </MapFilterListWrapper>
-        </>
+        </Flex>
       )}
 
-      {profileFilters.length > 0 && (
-        <>
-          <Text>Profiles:</Text>
+      {tagFilters.length > 0 && (
+        <Flex sx={{gap: 1, flexDirection: 'column'}}>
+          <Text>Activities:</Text>
           <MapFilterListWrapper>
-            {profileFilters.map((typeFilter, index) => {
+            {tagFilters.map((typeFilter, index) => {
               const onClick = () => onFilterChange(typeFilter)
 
               return (
@@ -94,11 +97,8 @@ export const MapFilterList = (props: IProps) => {
                   active={isActive(typeFilter.label)}
                   key={index}
                   onClick={onClick}
+                  sx={{ maxWidth: 'auto', width: 'auto' }}
                 >
-                  <MemberBadge
-                    size={30}
-                    profileType={typeFilter._id as ProfileTypeName}
-                  />
                   <Text variant="quiet" sx={{ fontSize: 1 }}>
                     {typeFilter.label}
                   </Text>
@@ -106,8 +106,17 @@ export const MapFilterList = (props: IProps) => {
               )
             })}
           </MapFilterListWrapper>
-        </>
+        </Flex>
       )}
+
+      <Button
+        data-cy="MapFilterList-ShowResultsButton"
+        icon="sliders"
+        onClick={() => onClose()}
+        sx={{alignSelf: 'flex-start'}}
+      >
+        {buttonLabel}
+      </Button>
     </Flex>
   )
 }
diff --git a/packages/components/src/MapFilterList/MapFilterListItem.tsx b/packages/components/src/MapFilterList/MapFilterListItem.tsx
index 0373a1151a..8f931de92d 100644
--- a/packages/components/src/MapFilterList/MapFilterListItem.tsx
+++ b/packages/components/src/MapFilterList/MapFilterListItem.tsx
@@ -1,18 +1,23 @@
 import { CardButton } from '../CardButton/CardButton'
 
+import type { ThemeUIStyleObject } from 'theme-ui'
+
 interface IProps {
   active: boolean
   onClick: () => void
   children: React.ReactNode
+  sx?: ThemeUIStyleObject | undefined
 }
 
-export const MapFilterListItem = ({ active, onClick, children }: IProps) => {
+export const MapFilterListItem = ({ active, onClick, children, sx }: IProps) => {
   return (
     <CardButton
       data-cy={`MapFilterListItem${active ? '-active' : ''}`}
       onClick={onClick}
       extrastyles={{
         display: 'flex',
+        maxWidth: ['100%', '49%'],
+        width: '500px',
         flexDirection: 'row',
         backgroundColor: 'offWhite',
         padding: 1,
@@ -27,6 +32,7 @@ export const MapFilterListItem = ({ active, onClick, children }: IProps) => {
               borderColor: 'offWhite',
               ':hover': { borderColor: 'offWhite' },
             }),
+        ...sx,
       }}
     >
       {children}
diff --git a/packages/components/src/MapFilterList/MapFilterListWrapper.tsx b/packages/components/src/MapFilterList/MapFilterListWrapper.tsx
index ab39db7f91..5d6c08b708 100644
--- a/packages/components/src/MapFilterList/MapFilterListWrapper.tsx
+++ b/packages/components/src/MapFilterList/MapFilterListWrapper.tsx
@@ -10,9 +10,9 @@ export const MapFilterListWrapper = ({ children }: IProps) => (
     data-cy="MapFilterList"
     sx={{
       listStyle: 'none',
-      flexWrap: 'nowrap',
+      flexWrap: 'wrap',
       gap: 2,
-      flexDirection: 'column',
+      flexDirection: 'row',
       padding: 0,
     }}
   >
diff --git a/packages/components/src/ProfileTagsList/ProfileTagsList.tsx b/packages/components/src/ProfileTagsList/ProfileTagsList.tsx
index ae56017e5a..7037956989 100644
--- a/packages/components/src/ProfileTagsList/ProfileTagsList.tsx
+++ b/packages/components/src/ProfileTagsList/ProfileTagsList.tsx
@@ -3,14 +3,16 @@ import { Flex } from 'theme-ui'
 import { Category } from '../Category/Category'
 
 import type { ITag } from 'oa-shared'
+import type { ThemeUIStyleObject } from 'theme-ui';
 
 export interface IProps {
   tags: ITag[]
+  sx?: ThemeUIStyleObject | undefined
 }
 
-export const ProfileTagsList = ({ tags }: IProps) => {
+export const ProfileTagsList = ({ sx, tags }: IProps) => {
   return (
-    <Flex data-cy="ProfileTagsList" sx={{ gap: 2, flexWrap: 'wrap' }}>
+    <Flex sx={{ gap: 2, flexWrap: 'wrap', ...sx }}>
       {tags.map(
         (tag, index) =>
           tag?.label && (
diff --git a/src/pages/Maps/Content/MapView/MapWithList.tsx b/src/pages/Maps/Content/MapView/MapWithList.tsx
index 420bbcd5a5..9f45f274ff 100644
--- a/src/pages/Maps/Content/MapView/MapWithList.tsx
+++ b/src/pages/Maps/Content/MapView/MapWithList.tsx
@@ -3,6 +3,7 @@ import { Tooltip } from 'react-tooltip'
 import { Button, Map } from 'oa-components'
 import { Box, Flex } from 'theme-ui'
 
+import { INITIAL_ZOOM } from '../../Maps.client'
 import { allMapFilterOptions } from './allMapFilterOptions'
 import { Clusters } from './Cluster.client'
 import { latLongFilter } from './latLongFilter'
@@ -30,9 +31,11 @@ interface IProps {
   setZoom: (arg: number) => void
   zoom: number
   promptUserLocation: () => Promise<void>
-  INITIAL_ZOOM: number
 }
 
+const ZOOM_IN_TOOLTIP = 'Zoom in to your location'
+const ZOOM_OUT_TOOLTIP = 'Zoom out to world view'
+
 export const MapWithList = (props: IProps) => {
   const {
     activePin,
@@ -46,7 +49,6 @@ export const MapWithList = (props: IProps) => {
     setZoom,
     zoom,
     promptUserLocation,
-    INITIAL_ZOOM,
   } = props
 
   const [activePinFilters, setActivePinFilters] =
@@ -60,10 +62,9 @@ export const MapWithList = (props: IProps) => {
   const availableFilters = useMemo(() => {
     const pinDetails = pins.map(({ creator }) => [
       creator?.profileType,
-      creator?.workspaceType,
+      ...(creator?.tags ? creator.tags.map(({_id}) => _id) : []),
     ])
     const filtersNeeded = [...new Set(pinDetails.flat())]
-
     return allMapFilterOptions.filter((validFilter) =>
       filtersNeeded.some((neededfilter) => neededfilter === validFilter._id),
     )
@@ -71,43 +72,45 @@ export const MapWithList = (props: IProps) => {
 
   const buttonStyle = {
     backgroundColor: 'white',
-    padding: '20px',
+    borderRadius: 99,
+    padding: 4,
     ':hover': {
       backgroundColor: 'lightgray',
     },
   }
 
-  const ZOOM_IN_TOOLTIP = 'Zoom in to your location'
-  const ZOOM_OUT_TOOLTIP = 'Zoom out to world view'
-
   useEffect(() => {
-    const workspaceTypeFilters = activePinFilters
-      .filter(({ filterType }) => filterType === 'workspaceType')
-      .map(({ _id }) => _id)
-
-    if (workspaceTypeFilters.length > 0) {
-      const workspaceFilteredList = allPinsInView.filter(
-        ({ creator }) =>
-          creator?.workspaceType &&
-          workspaceTypeFilters.includes(creator.workspaceType),
-      )
-      return setFilteredPins(workspaceFilteredList)
-    }
-
     const profileTypeFilters = activePinFilters
       .filter(({ filterType }) => filterType === 'profileType')
       .map(({ _id }) => _id)
 
+    const filteredPins: IMapPin[] = []
+    
     if (profileTypeFilters.length > 0) {
       const profileTypeFilteredList = allPinsInView.filter(
         ({ creator }) =>
           creator?.profileType &&
           profileTypeFilters.includes(creator?.profileType),
       )
-      return setFilteredPins(profileTypeFilteredList)
+      filteredPins.push(...profileTypeFilteredList)
     }
+    
+    const profileTagFilters = activePinFilters
+      .filter(({ filterType }) => filterType === 'profileTag')
+      .map(({ _id }) => _id)
+
+    if (profileTagFilters.length > 0) {
+      const listToFilter = filteredPins.length > 0 ? filteredPins : allPinsInView
+      const tagFilteredList = listToFilter.filter(({creator}) => {
+        const tagIds = creator?.tags?.map(({_id}) => _id)
+        return profileTagFilters.some((tagId) => tagIds?.includes(tagId) )
+      })
+      return setFilteredPins(tagFilteredList)
+    }
+
+    if (filteredPins.length === 0) { return setFilteredPins(allPinsInView) }
+    return setFilteredPins(filteredPins)
 
-    setFilteredPins(allPinsInView)
   }, [activePinFilters, allPinsInView])
 
   const handleLocationFilter = () => {
@@ -132,29 +135,7 @@ export const MapWithList = (props: IProps) => {
       )
     }
 
-    const addingWorkspaceTypeFilter =
-      changedOption.filterType === 'workspaceType'
-
-    if (addingWorkspaceTypeFilter) {
-      const existingWorkspaceTypeFilters = activePinFilters.filter(
-        ({ filterType }) => filterType === 'workspaceType',
-      )
-
-      return setActivePinFilters([
-        {
-          _id: 'workspace',
-          filterType: 'profileType',
-          label: 'Workspace',
-        },
-        ...existingWorkspaceTypeFilters,
-        changedOption,
-      ])
-    }
-
-    const existingProfileTypeFilters = activePinFilters.filter(
-      ({ filterType }) => filterType === 'profileType',
-    )
-    return setActivePinFilters([...existingProfileTypeFilters, changedOption])
+    return setActivePinFilters((activePinFilters) => [...activePinFilters, changedOption])
   }
 
   const isViewportGreaterThanTablet = window.innerWidth > 1024
@@ -257,15 +238,15 @@ export const MapWithList = (props: IProps) => {
         <Box
           sx={{
             position: 'absolute',
-            top: 2,
-            right: 2,
+            top: 0,
+            right:0,
+            padding: 4,
             zIndex: 1000,
             display: 'flex',
             flexDirection: 'column',
             gap: 2,
           }}
         >
-          {/* Location button to Zoom in to your location */}
           <Button
             data-tooltip-content={ZOOM_IN_TOOLTIP}
             data-cy="LocationViewButton"
@@ -279,7 +260,6 @@ export const MapWithList = (props: IProps) => {
           />
           <Tooltip id="locationButton-tooltip" place="left" />
 
-          {/* Globe button to Zoom out to world view */}
           <Button
             data-tooltip-content={ZOOM_OUT_TOOLTIP}
             data-cy="WorldViewButton"
diff --git a/src/pages/Maps/Content/MapView/MapWithListHeader.tsx b/src/pages/Maps/Content/MapView/MapWithListHeader.tsx
index 135369d9a2..e224845531 100644
--- a/src/pages/Maps/Content/MapView/MapWithListHeader.tsx
+++ b/src/pages/Maps/Content/MapView/MapWithListHeader.tsx
@@ -46,14 +46,20 @@ export const MapWithListHeader = (props: IProps) => {
   const toggleFilterModal = () => setShowFilters(!showFilters)
   const hasFiltersSelected = activePinFilters.length !== 0
 
+  const sx = {
+    width: ['350px', '600px'],
+    minWidth: '350px',
+  }
+
   return (
     <>
-      <Modal onDidDismiss={toggleFilterModal} isOpen={showFilters}>
+      <Modal onDidDismiss={toggleFilterModal} isOpen={showFilters} sx={sx}>
         <MapFilterList
           activeFilters={activePinFilters}
           availableFilters={availableFilters}
           onClose={toggleFilterModal}
           onFilterChange={onFilterChange}
+          pinsCount={filteredPins?.length || 0}
         />
       </Modal>
 
diff --git a/src/pages/Maps/Maps.client.tsx b/src/pages/Maps/Maps.client.tsx
index 57970faaeb..d429f66fe3 100644
--- a/src/pages/Maps/Maps.client.tsx
+++ b/src/pages/Maps/Maps.client.tsx
@@ -1,6 +1,7 @@
 import { useContext, useEffect, useMemo, useRef, useState } from 'react'
 import { useLocation, useNavigate } from 'react-router-dom'
 import { observer } from 'mobx-react'
+import { isPreciousPlastic } from 'src/config/config'
 import { filterMapPinsByType } from 'src/stores/Maps/filter'
 import { MAP_GROUPINGS } from 'src/stores/Maps/maps.groupings'
 import { Box } from 'theme-ui'
@@ -20,7 +21,7 @@ import type { IMapPinService } from './map.service'
 import './styles.css'
 
 const INITIAL_CENTER = { lat: 51.0, lng: 19.0 }
-const INITIAL_ZOOM = 3
+export const INITIAL_ZOOM = 3
 
 const MapsPage = observer(() => {
   const [activePinFilters, setActivePinFilters] = useState<string[]>([])
@@ -75,7 +76,6 @@ const MapsPage = observer(() => {
   const promptUserLocation = async () => {
     try {
       const position = await GetLocation()
-      console.log('position: ', position)
       setCenter({
         lat: position.coords.latitude,
         lng: position.coords.longitude,
@@ -96,9 +96,14 @@ const MapsPage = observer(() => {
     ])
   }, [mapPins])
 
+  // Only really for the old map - can be removed soon
   const visibleMapPins = useMemo(() => {
-    return filterMapPinsByType(mapPins, activePinFilters)
-  }, [mapPins, activePinFilters])
+
+    if (!showNewMap && isPreciousPlastic()) { 
+      return filterMapPinsByType(mapPins, activePinFilters, true) 
+    }
+    return filterMapPinsByType(mapPins, activePinFilters, false)
+  }, [activePinFilters, mapPins, showNewMap])
 
   const selectPinByUserId = async (userId: string) => {
     // First check the mapPins to see if the pin is already
@@ -169,7 +174,6 @@ const MapsPage = observer(() => {
           setZoom={setZoom}
           zoom={zoom}
           promptUserLocation={promptUserLocation}
-          INITIAL_ZOOM={INITIAL_ZOOM}
         />
       )}
     </Box>
diff --git a/src/stores/Maps/filter.ts b/src/stores/Maps/filter.ts
index d297ebbf4c..656ab49f36 100644
--- a/src/stores/Maps/filter.ts
+++ b/src/stores/Maps/filter.ts
@@ -1,10 +1,8 @@
-import { isPreciousPlastic } from 'src/config/config'
-
 import type { IMapPin } from 'oa-shared'
 
 // filter pins to include matched pin type or subtype
 // excluding items which have been marked as deleted=true
-export const filterMapPinsByType = (mapPins: IMapPin[], filters: string[]) => {
+export const filterMapPinsByType = (mapPins: IMapPin[], filters: string[], hideMemberPins: boolean) => {
   const filterList = new Set(filters)
   let filteredPins = mapPins
 
@@ -16,7 +14,7 @@ export const filterMapPinsByType = (mapPins: IMapPin[], filters: string[]) => {
   return filteredPins.filter((pin) => {
     if (filterList.size === 0) {
       // no filter => remove deleted and hide members if precious-plastic
-      if (isPreciousPlastic()) {
+      if (hideMemberPins) {
         return !pin._deleted && pin.type !== 'member'
       }
 
diff --git a/src/styles/leaflet.css b/src/styles/leaflet.css
index d1faa7296a..8d91cdc43c 100644
--- a/src/styles/leaflet.css
+++ b/src/styles/leaflet.css
@@ -364,7 +364,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 .leaflet-control-zoom.leaflet-bar.leaflet-control{
-	margin: 30px;
+	margin: 20px;
 	border: 2px solid; 
 	border-radius: 10px;
 	border-bottom: 2px solid #000000;
diff --git a/src/test/factories/MapPin.ts b/src/test/factories/MapPin.ts
index b153be3226..efbb3ca378 100644
--- a/src/test/factories/MapPin.ts
+++ b/src/test/factories/MapPin.ts
@@ -9,13 +9,6 @@ export const FactoryMapPin = (
   _id: faker.string.uuid(),
   _deleted: faker.datatype.boolean(),
   type: faker.helpers.arrayElement(Object.values(ProfileTypeList)),
-  subType: faker.helpers.arrayElement([
-    'shredder',
-    'sheetpress',
-    'extrusion',
-    'injection',
-    'mix',
-  ]),
   verified: faker.datatype.boolean(),
   moderation: faker.helpers.arrayElement([
     IModerationStatus.DRAFT,