diff --git a/web/src/lib/components/album-page/album-viewer.svelte b/web/src/lib/components/album-page/album-viewer.svelte
index 00770a00d7..4b15042338 100644
--- a/web/src/lib/components/album-page/album-viewer.svelte
+++ b/web/src/lib/components/album-page/album-viewer.svelte
@@ -347,7 +347,7 @@
 			assets={multiSelectAsset}
 			clearSelect={() => (multiSelectAsset = new Set())}
 		>
-      <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
+      <CircleIconButton title="Select all" logo={SelectAll} on:click={handleSelectAll}/>
 			<DownloadAction filename={album.albumName} sharedLinkKey={sharedLink?.key} />
 			{#if isOwned}
 				<RemoveFromAlbum bind:album />
diff --git a/web/src/lib/components/photos-page/actions/select-all-assets.svelte b/web/src/lib/components/photos-page/actions/select-all-assets.svelte
index 20f5a3d06e..553acdf83d 100644
--- a/web/src/lib/components/photos-page/actions/select-all-assets.svelte
+++ b/web/src/lib/components/photos-page/actions/select-all-assets.svelte
@@ -7,7 +7,6 @@
   import {api, AssetResponseDto} from '@api';
   import SelectAll from 'svelte-material-icons/SelectAll.svelte';
   import TimerSand from 'svelte-material-icons/TimerSand.svelte';
-  import {getAssetControlContext} from '../asset-select-control-bar.svelte';
   import {
     assetInteractionStore,
     selectedAssets
@@ -45,5 +44,5 @@
   <CircleIconButton title="Delete" logo={TimerSand}/>
 {/if}
 {#if !selecting}
-  <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
+  <CircleIconButton title="Select all" logo={SelectAll} on:click={handleSelectAll}/>
 {/if}
diff --git a/web/src/routes/(user)/archive/+page.svelte b/web/src/routes/(user)/archive/+page.svelte
index 3dda5a3110..2100ad8a48 100644
--- a/web/src/routes/(user)/archive/+page.svelte
+++ b/web/src/routes/(user)/archive/+page.svelte
@@ -62,7 +62,7 @@
 				clearSelect={() => (selectedAssets = new Set())}
 			>
 				<ArchiveAction unarchive onAssetArchive={(asset) => onAssetDelete(asset.id)} />
-        <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
+        <CircleIconButton title="Select all" logo={SelectAll} on:click={handleSelectAll}/>
 				<CreateSharedLink />
 				<AssetSelectContextMenu icon={Plus} title="Add">
 					<AddToAlbum />
diff --git a/web/src/routes/(user)/favorites/+page.svelte b/web/src/routes/(user)/favorites/+page.svelte
index df55d77e3d..de4169671e 100644
--- a/web/src/routes/(user)/favorites/+page.svelte
+++ b/web/src/routes/(user)/favorites/+page.svelte
@@ -53,7 +53,7 @@
   <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
     <FavoriteAction removeFavorite onAssetFavorite={(asset) => onAssetDelete(asset.id)}/>
     <CreateSharedLink/>
-    <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
+    <CircleIconButton title="Select all" logo={SelectAll} on:click={handleSelectAll}/>
     <AssetSelectContextMenu icon={Plus} title="Add">
       <AddToAlbum/>
       <AddToAlbum shared/>
diff --git a/web/src/routes/(user)/people/[personId]/+page.svelte b/web/src/routes/(user)/people/[personId]/+page.svelte
index eb98a56906..1b46dfa5c0 100644
--- a/web/src/routes/(user)/people/[personId]/+page.svelte
+++ b/web/src/routes/(user)/people/[personId]/+page.svelte
@@ -1,127 +1,134 @@
 <script lang="ts">
-	import { afterNavigate, goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import ImageThumbnail from '$lib/components/assets/thumbnail/image-thumbnail.svelte';
-	import EditNameInput from '$lib/components/faces-page/edit-name-input.svelte';
-	import AddToAlbum from '$lib/components/photos-page/actions/add-to-album.svelte';
-	import ArchiveAction from '$lib/components/photos-page/actions/archive-action.svelte';
-	import CreateSharedLink from '$lib/components/photos-page/actions/create-shared-link.svelte';
-	import DeleteAssets from '$lib/components/photos-page/actions/delete-assets.svelte';
-	import DownloadAction from '$lib/components/photos-page/actions/download-action.svelte';
-	import FavoriteAction from '$lib/components/photos-page/actions/favorite-action.svelte';
-	import AssetSelectContextMenu from '$lib/components/photos-page/asset-select-context-menu.svelte';
-	import AssetSelectControlBar from '$lib/components/photos-page/asset-select-control-bar.svelte';
-	import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
-	import GalleryViewer from '$lib/components/shared-components/gallery-viewer/gallery-viewer.svelte';
-	import { AppRoute } from '$lib/constants';
-	import { handleError } from '$lib/utils/handle-error';
-	import { AssetResponseDto, api } from '@api';
-	import ArrowLeft from 'svelte-material-icons/ArrowLeft.svelte';
-	import DotsVertical from 'svelte-material-icons/DotsVertical.svelte';
-	import Plus from 'svelte-material-icons/Plus.svelte';
-	import type { PageData } from './$types';
+  import {afterNavigate, goto} from '$app/navigation';
+  import {page} from '$app/stores';
+  import ImageThumbnail from '$lib/components/assets/thumbnail/image-thumbnail.svelte';
+  import EditNameInput from '$lib/components/faces-page/edit-name-input.svelte';
+  import AddToAlbum from '$lib/components/photos-page/actions/add-to-album.svelte';
+  import ArchiveAction from '$lib/components/photos-page/actions/archive-action.svelte';
+  import CreateSharedLink from '$lib/components/photos-page/actions/create-shared-link.svelte';
+  import DeleteAssets from '$lib/components/photos-page/actions/delete-assets.svelte';
+  import DownloadAction from '$lib/components/photos-page/actions/download-action.svelte';
+  import FavoriteAction from '$lib/components/photos-page/actions/favorite-action.svelte';
+  import AssetSelectContextMenu from '$lib/components/photos-page/asset-select-context-menu.svelte';
+  import AssetSelectControlBar from '$lib/components/photos-page/asset-select-control-bar.svelte';
+  import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
+  import GalleryViewer from '$lib/components/shared-components/gallery-viewer/gallery-viewer.svelte';
+  import SelectAll from 'svelte-material-icons/SelectAll.svelte';
+  import {AppRoute} from '$lib/constants';
+  import {handleError} from '$lib/utils/handle-error';
+  import {AssetResponseDto, api} from '@api';
+  import ArrowLeft from 'svelte-material-icons/ArrowLeft.svelte';
+  import DotsVertical from 'svelte-material-icons/DotsVertical.svelte';
+  import Plus from 'svelte-material-icons/Plus.svelte';
+  import type {PageData} from './$types';
+  import {archivedAsset} from "$lib/stores/archived-asset.store";
+  import CircleIconButton from "$lib/components/elements/buttons/circle-icon-button.svelte";
 
-	export let data: PageData;
+  export let data: PageData;
 
-	let isEditName = false;
-	let previousRoute: string = AppRoute.EXPLORE;
-	let selectedAssets: Set<AssetResponseDto> = new Set();
-	$: isMultiSelectionMode = selectedAssets.size > 0;
-	$: isAllArchive = Array.from(selectedAssets).every((asset) => asset.isArchived);
-	$: isAllFavorite = Array.from(selectedAssets).every((asset) => asset.isFavorite);
+  let isEditName = false;
+  let previousRoute: string = AppRoute.EXPLORE;
+  let selectedAssets: Set<AssetResponseDto> = new Set();
+  $: isMultiSelectionMode = selectedAssets.size > 0;
+  $: isAllArchive = Array.from(selectedAssets).every((asset) => asset.isArchived);
+  $: isAllFavorite = Array.from(selectedAssets).every((asset) => asset.isFavorite);
 
-	afterNavigate(({ from }) => {
-		// Prevent setting previousRoute to the current page.
-		if (from && from.route.id !== $page.route.id) {
-			previousRoute = from.url.href;
-		}
-	});
+  afterNavigate(({from}) => {
+    // Prevent setting previousRoute to the current page.
+    if (from && from.route.id !== $page.route.id) {
+      previousRoute = from.url.href;
+    }
+  });
 
-	const handleNameChange = async (name: string) => {
-		try {
-			isEditName = false;
-			data.person.name = name;
-			await api.personApi.updatePerson({ id: data.person.id, personUpdateDto: { name } });
-		} catch (error) {
-			handleError(error, 'Unable to save name');
-		}
-	};
+  const handleNameChange = async (name: string) => {
+    try {
+      isEditName = false;
+      data.person.name = name;
+      await api.personApi.updatePerson({id: data.person.id, personUpdateDto: {name}});
+    } catch (error) {
+      handleError(error, 'Unable to save name');
+    }
+  };
 
-	const onAssetDelete = (assetId: string) => {
-		data.assets = data.assets.filter((asset: AssetResponseDto) => asset.id !== assetId);
-	};
+  const onAssetDelete = (assetId: string) => {
+    data.assets = data.assets.filter((asset: AssetResponseDto) => asset.id !== assetId);
+  };
+  const handleSelectAll = () => {
+    selectedAssets = new Set(data.assets)
+  }
 </script>
 
 {#if isMultiSelectionMode}
-	<AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
-		<CreateSharedLink />
-		<AssetSelectContextMenu icon={Plus} title="Add">
-			<AddToAlbum />
-			<AddToAlbum shared />
-		</AssetSelectContextMenu>
-		<DeleteAssets {onAssetDelete} />
-		<AssetSelectContextMenu icon={DotsVertical} title="Add">
-			<DownloadAction menuItem />
-			<FavoriteAction menuItem removeFavorite={isAllFavorite} />
-			<ArchiveAction
-				menuItem
-				unarchive={isAllArchive}
-				onAssetArchive={(asset) => onAssetDelete(asset.id)}
-			/>
-		</AssetSelectContextMenu>
-	</AssetSelectControlBar>
+  <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
+    <CreateSharedLink/>
+    <CircleIconButton title="Select all" logo={SelectAll} on:click={handleSelectAll}/>
+    <AssetSelectContextMenu icon={Plus} title="Add">
+      <AddToAlbum/>
+      <AddToAlbum shared/>
+    </AssetSelectContextMenu>
+    <DeleteAssets {onAssetDelete}/>
+    <AssetSelectContextMenu icon={DotsVertical} title="Add">
+      <DownloadAction menuItem/>
+      <FavoriteAction menuItem removeFavorite={isAllFavorite}/>
+      <ArchiveAction
+        menuItem
+        unarchive={isAllArchive}
+        onAssetArchive={(asset) => onAssetDelete(asset.id)}
+      />
+    </AssetSelectContextMenu>
+  </AssetSelectControlBar>
 {:else}
-	<ControlAppBar
-		showBackButton
-		backIcon={ArrowLeft}
-		on:close-button-click={() => goto(previousRoute)}
-	/>
+  <ControlAppBar
+    showBackButton
+    backIcon={ArrowLeft}
+    on:close-button-click={() => goto(previousRoute)}
+  />
 {/if}
 
 <!-- Face information block -->
 <section class="pt-24 px-4 sm:px-6 flex place-items-center">
-	{#if isEditName}
-		<EditNameInput
-			person={data.person}
-			on:change={(event) => handleNameChange(event.detail)}
-			on:cancel={() => (isEditName = false)}
-		/>
-	{:else}
-		<ImageThumbnail
-			circle
-			shadow
-			url={api.getPeopleThumbnailUrl(data.person.id)}
-			altText={data.person.name}
-			widthStyle="3.375rem"
-			heightStyle="3.375rem"
-		/>
-		<button
-			title="Edit name"
-			class="px-4 text-immich-primary dark:text-immich-dark-primary"
-			on:click={() => (isEditName = true)}
-		>
-			{#if data.person.name}
-				<p class="font-medium py-2">{data.person.name}</p>
-			{:else}
-				<p class="font-medium w-fit">Add a name</p>
-				<p class="text-sm text-gray-500 dark:text-immich-gray">
-					Find them fast by name with search
-				</p>
-			{/if}
-		</button>
-	{/if}
+  {#if isEditName}
+    <EditNameInput
+      person={data.person}
+      on:change={(event) => handleNameChange(event.detail)}
+      on:cancel={() => (isEditName = false)}
+    />
+  {:else}
+    <ImageThumbnail
+      circle
+      shadow
+      url={api.getPeopleThumbnailUrl(data.person.id)}
+      altText={data.person.name}
+      widthStyle="3.375rem"
+      heightStyle="3.375rem"
+    />
+    <button
+      title="Edit name"
+      class="px-4 text-immich-primary dark:text-immich-dark-primary"
+      on:click={() => (isEditName = true)}
+    >
+      {#if data.person.name}
+        <p class="font-medium py-2">{data.person.name}</p>
+      {:else}
+        <p class="font-medium w-fit">Add a name</p>
+        <p class="text-sm text-gray-500 dark:text-immich-gray">
+          Find them fast by name with search
+        </p>
+      {/if}
+    </button>
+  {/if}
 </section>
 
 <!-- Gallery Block -->
 <section class="relative pt-8 sm:px-4 mb-12 bg-immich-bg dark:bg-immich-dark-bg">
-	<section class="overflow-y-auto relative immich-scrollbar">
-		<section id="search-content" class="relative bg-immich-bg dark:bg-immich-dark-bg">
-			<GalleryViewer
-				assets={data.assets}
-				viewFrom="search-page"
-				showArchiveIcon={true}
-				bind:selectedAssets
-			/>
-		</section>
-	</section>
+  <section class="overflow-y-auto relative immich-scrollbar">
+    <section id="search-content" class="relative bg-immich-bg dark:bg-immich-dark-bg">
+      <GalleryViewer
+        assets={data.assets}
+        viewFrom="search-page"
+        showArchiveIcon={true}
+        bind:selectedAssets
+      />
+    </section>
+  </section>
 </section>
diff --git a/web/src/routes/(user)/search/+page.svelte b/web/src/routes/(user)/search/+page.svelte
index f4230b8c06..2070ab82f3 100644
--- a/web/src/routes/(user)/search/+page.svelte
+++ b/web/src/routes/(user)/search/+page.svelte
@@ -1,99 +1,105 @@
 <script lang="ts">
-	import { afterNavigate, goto } from '$app/navigation';
-	import { page } from '$app/stores';
-	import AddToAlbum from '$lib/components/photos-page/actions/add-to-album.svelte';
-	import ArchiveAction from '$lib/components/photos-page/actions/archive-action.svelte';
-	import CreateSharedLink from '$lib/components/photos-page/actions/create-shared-link.svelte';
-	import DeleteAssets from '$lib/components/photos-page/actions/delete-assets.svelte';
-	import DownloadAction from '$lib/components/photos-page/actions/download-action.svelte';
-	import FavoriteAction from '$lib/components/photos-page/actions/favorite-action.svelte';
-	import AssetSelectContextMenu from '$lib/components/photos-page/asset-select-context-menu.svelte';
-	import AssetSelectControlBar from '$lib/components/photos-page/asset-select-control-bar.svelte';
-	import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
-	import GalleryViewer from '$lib/components/shared-components/gallery-viewer/gallery-viewer.svelte';
-	import SearchBar from '$lib/components/shared-components/search-bar/search-bar.svelte';
-	import type { AssetResponseDto } from '@api';
-	import ArrowLeft from 'svelte-material-icons/ArrowLeft.svelte';
-	import DotsVertical from 'svelte-material-icons/DotsVertical.svelte';
-	import ImageOffOutline from 'svelte-material-icons/ImageOffOutline.svelte';
-	import Plus from 'svelte-material-icons/Plus.svelte';
-	import type { PageData } from './$types';
+  import {afterNavigate, goto} from '$app/navigation';
+  import {page} from '$app/stores';
+  import AddToAlbum from '$lib/components/photos-page/actions/add-to-album.svelte';
+  import ArchiveAction from '$lib/components/photos-page/actions/archive-action.svelte';
+  import CreateSharedLink from '$lib/components/photos-page/actions/create-shared-link.svelte';
+  import DeleteAssets from '$lib/components/photos-page/actions/delete-assets.svelte';
+  import DownloadAction from '$lib/components/photos-page/actions/download-action.svelte';
+  import FavoriteAction from '$lib/components/photos-page/actions/favorite-action.svelte';
+  import AssetSelectContextMenu from '$lib/components/photos-page/asset-select-context-menu.svelte';
+  import AssetSelectControlBar from '$lib/components/photos-page/asset-select-control-bar.svelte';
+  import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
+  import GalleryViewer from '$lib/components/shared-components/gallery-viewer/gallery-viewer.svelte';
+  import SearchBar from '$lib/components/shared-components/search-bar/search-bar.svelte';
+  import type {AssetResponseDto} from '@api';
+  import ArrowLeft from 'svelte-material-icons/ArrowLeft.svelte';
+  import DotsVertical from 'svelte-material-icons/DotsVertical.svelte';
+  import ImageOffOutline from 'svelte-material-icons/ImageOffOutline.svelte';
+  import Plus from 'svelte-material-icons/Plus.svelte';
+  import type {PageData} from './$types';
+  import SelectAll from 'svelte-material-icons/SelectAll.svelte';
+  import CircleIconButton from "$lib/components/elements/buttons/circle-icon-button.svelte";
 
-	export let data: PageData;
+  export let data: PageData;
 
-	// The GalleryViewer pushes it's own history state, which causes weird
-	// behavior for history.back(). To prevent that we store the previous page
-	// manually and navigate back to that.
-	let previousRoute = '/explore';
+  // The GalleryViewer pushes it's own history state, which causes weird
+  // behavior for history.back(). To prevent that we store the previous page
+  // manually and navigate back to that.
+  let previousRoute = '/explore';
 
-	afterNavigate(({ from }) => {
-		// Prevent setting previousRoute to the current page.
-		if (from && from.route.id !== $page.route.id) {
-			previousRoute = from.url.href;
-		}
-	});
+  afterNavigate(({from}) => {
+    // Prevent setting previousRoute to the current page.
+    if (from && from.route.id !== $page.route.id) {
+      previousRoute = from.url.href;
+    }
+  });
 
-	$: term = $page.url.searchParams.get('q') || data.term || '';
+  $: term = $page.url.searchParams.get('q') || data.term || '';
 
-	let selectedAssets: Set<AssetResponseDto> = new Set();
-	$: isMultiSelectionMode = selectedAssets.size > 0;
-	$: isAllArchived = Array.from(selectedAssets).every((asset) => asset.isArchived);
-	$: isAllFavorite = Array.from(selectedAssets).every((asset) => asset.isFavorite);
-	$: searchResultAssets = data.results.assets.items;
+  let selectedAssets: Set<AssetResponseDto> = new Set();
+  $: isMultiSelectionMode = selectedAssets.size > 0;
+  $: isAllArchived = Array.from(selectedAssets).every((asset) => asset.isArchived);
+  $: isAllFavorite = Array.from(selectedAssets).every((asset) => asset.isFavorite);
+  $: searchResultAssets = data.results.assets.items;
 
-	const onAssetDelete = (assetId: string) => {
-		searchResultAssets = searchResultAssets.filter((a: AssetResponseDto) => a.id !== assetId);
-	};
+  const onAssetDelete = (assetId: string) => {
+    searchResultAssets = searchResultAssets.filter((a: AssetResponseDto) => a.id !== assetId);
+  };
+  const handleSelectAll = () => {
+    selectedAssets = new Set(searchResultAssets)
+  }
 </script>
 
 <section>
-	{#if isMultiSelectionMode}
-		<AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
-			<CreateSharedLink />
-			<AssetSelectContextMenu icon={Plus} title="Add">
-				<AddToAlbum />
-				<AddToAlbum shared />
-			</AssetSelectContextMenu>
-			<DeleteAssets {onAssetDelete} />
+  {#if isMultiSelectionMode}
+    <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
+      <CreateSharedLink/>
+      <CircleIconButton title="Select all" logo={SelectAll} on:click={handleSelectAll}/>
+      <AssetSelectContextMenu icon={Plus} title="Add">
+        <AddToAlbum/>
+        <AddToAlbum shared/>
+      </AssetSelectContextMenu>
+      <DeleteAssets {onAssetDelete}/>
 
-			<AssetSelectContextMenu icon={DotsVertical} title="Add">
-				<DownloadAction menuItem />
-				<FavoriteAction menuItem removeFavorite={isAllFavorite} />
-				<ArchiveAction menuItem unarchive={isAllArchived} />
-			</AssetSelectContextMenu>
-		</AssetSelectControlBar>
-	{:else}
-		<ControlAppBar on:close-button-click={() => goto(previousRoute)} backIcon={ArrowLeft}>
-			<div class="w-full max-w-2xl flex-1 pl-4">
-				<SearchBar grayTheme={false} value={term} />
-			</div>
-		</ControlAppBar>
-	{/if}
+      <AssetSelectContextMenu icon={DotsVertical} title="Add">
+        <DownloadAction menuItem/>
+        <FavoriteAction menuItem removeFavorite={isAllFavorite}/>
+        <ArchiveAction menuItem unarchive={isAllArchived}/>
+      </AssetSelectContextMenu>
+    </AssetSelectControlBar>
+  {:else}
+    <ControlAppBar on:close-button-click={() => goto(previousRoute)} backIcon={ArrowLeft}>
+      <div class="w-full max-w-2xl flex-1 pl-4">
+        <SearchBar grayTheme={false} value={term}/>
+      </div>
+    </ControlAppBar>
+  {/if}
 </section>
 
 <section class="relative pt-32 mb-12 bg-immich-bg dark:bg-immich-dark-bg">
-	<section class="overflow-y-auto relative immich-scrollbar">
-		<section id="search-content" class="relative bg-immich-bg dark:bg-immich-dark-bg">
-			{#if data.results?.assets?.items.length > 0}
-				<div class="pl-4">
-					<GalleryViewer
-						assets={searchResultAssets}
-						bind:selectedAssets
-						viewFrom="search-page"
-						showArchiveIcon={true}
-					/>
-				</div>
-			{:else}
-				<div
-					class="flex items-center place-content-center w-full min-h-[calc(66vh_-_11rem)] dark:text-white"
-				>
-					<div class="flex flex-col content-center items-center text-center">
-						<ImageOffOutline size="3.5em" />
-						<p class="font-medium text-3xl mt-5">No results</p>
-						<p class="text-base font-normal">Try a synonym or more general keyword</p>
-					</div>
-				</div>
-			{/if}
-		</section>
-	</section>
+  <section class="overflow-y-auto relative immich-scrollbar">
+    <section id="search-content" class="relative bg-immich-bg dark:bg-immich-dark-bg">
+      {#if data.results?.assets?.items.length > 0}
+        <div class="pl-4">
+          <GalleryViewer
+            assets={searchResultAssets}
+            bind:selectedAssets
+            viewFrom="search-page"
+            showArchiveIcon={true}
+          />
+        </div>
+      {:else}
+        <div
+          class="flex items-center place-content-center w-full min-h-[calc(66vh_-_11rem)] dark:text-white"
+        >
+          <div class="flex flex-col content-center items-center text-center">
+            <ImageOffOutline size="3.5em"/>
+            <p class="font-medium text-3xl mt-5">No results</p>
+            <p class="text-base font-normal">Try a synonym or more general keyword</p>
+          </div>
+        </div>
+      {/if}
+    </section>
+  </section>
 </section>