diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue
index 397b47671..516a12998 100644
--- a/apps/web/src/App.vue
+++ b/apps/web/src/App.vue
@@ -26,11 +26,11 @@ getCurrentInstance()!.appContext.app.provide(
     },
   }),
 );
-console.log("provided");
+
 const { loadUser } = collection();
 const { isLoadingUser, user } = storeToRefs(collection());
 
-// loadUser();
+loadUser();
 </script>
 
 <style lang="scss">
diff --git a/apps/web/src/components/BookcasePopover.vue b/apps/web/src/components/BookcasePopover.vue
index 8d070b6d4..92647113c 100644
--- a/apps/web/src/components/BookcasePopover.vue
+++ b/apps/web/src/components/BookcasePopover.vue
@@ -4,7 +4,7 @@
     <template #content>
       <Bookcase
         :bookcase-textures="bookcaseTextures"
-        :sorted-bookcase="issuecodes"
+        :sorted-bookcase="issuecodes.map((issuecode) => ({ issuecode }))"
         embedded
       />
       <b-row>
diff --git a/apps/web/src/components/IssueList.story.vue b/apps/web/src/components/IssueList.story.vue
index 73812fba6..1cfeed808 100644
--- a/apps/web/src/components/IssueList.story.vue
+++ b/apps/web/src/components/IssueList.story.vue
@@ -16,7 +16,7 @@ import dayjs from "dayjs";
 
 import type { issue } from "~prisma-schemas/schemas/dm";
 
-const customIssues: issue[] = [
+const customIssues: (issue & { issuecode: string })[] = [
   {
     id: 167808,
     publicationcode: "fr/MP",
diff --git a/apps/web/src/components/IssueList.vue b/apps/web/src/components/IssueList.vue
index 5c176e9d9..2279d83c9 100644
--- a/apps/web/src/components/IssueList.vue
+++ b/apps/web/src/components/IssueList.vue
@@ -399,9 +399,13 @@ switch (contextMenuComponentName) {
     break;
 }
 
-const { fetchPublicationNames, fetchIssueNumbersWithTitles } = coa();
-const { publicationNames, coverUrls, issuesWithTitles, issuecodeDetails } =
-  storeToRefs(coa());
+const { fetchPublicationNames, fetchIssuecodesByPublicationcode } = coa();
+const {
+  publicationNames,
+  coverUrls,
+  issuecodesByPublicationcode,
+  issuecodeDetails,
+} = storeToRefs(coa());
 
 let hoveredIndex = $ref<number | null>(null);
 let loading = $ref(true);
@@ -470,7 +474,9 @@ const publicationName = $computed(
   () => publicationNames.value[publicationcode],
 );
 const isTouchScreen = window.matchMedia("(pointer: coarse)").matches;
-const coaIssues = $computed(() => issuesWithTitles.value[publicationcode]);
+const coaIssuecodes = $computed(
+  () => issuecodesByPublicationcode.value[publicationcode],
+);
 const filteredIssues = $computed(
   () =>
     issues
@@ -580,29 +586,27 @@ const loadIssues = async () => {
         ).dbValue,
       }));
 
-    await fetchIssueNumbersWithTitles([publicationcode]);
+    await fetchIssuecodesByPublicationcode([publicationcode]);
 
     if (groupUserCopies) {
-      issues = coaIssues.map((issue) => ({
-        ...issue,
+      issues = coaIssuecodes.map((issuecode) => ({
+        issuecode,
         userCopies: userIssuesForPublication!
-          .filter(
-            ({ issuecode: userIssuecode }) => userIssuecode === issue.issuecode,
-          )
+          .filter(({ issuecode: userIssuecode }) => userIssuecode === issuecode)
           .map((issue, copyIndex) => ({
             ...issue,
             copyIndex,
           })),
-        key: issue.issuecode,
+        key: issuecode,
       }));
     } else {
       const userIssuecodes = [
         ...new Set(userIssuesForPublication!.map(({ issuecode }) => issuecode)),
       ];
-      issues = coaIssues
-        .filter(({ issuecode }) => userIssuecodes.includes(issuecode))
+      issues = coaIssuecodes
+        .filter((issuecode) => userIssuecodes.includes(issuecode))
         .reduce<issueWithCopies[]>(
-          (acc, { issuecode }) => [
+          (acc, issuecode) => [
             ...acc,
             ...userIssuesForPublication!
               .filter(
@@ -646,9 +650,6 @@ const loadIssues = async () => {
       );
     }
 
-    const coaIssuecodes = issuesWithTitles.value[publicationcode].map(
-      ({ issuecode }) => issuecode,
-    );
     userIssuecodesNotFoundForPublication = userIssuesForPublication!
       .filter(({ issuecode }) => !coaIssuecodes.includes(issuecode))
       .map(({ issuecode }) => issuecode);
diff --git a/apps/web/src/stores/coa.ts b/apps/web/src/stores/coa.ts
index 95f7c53a8..3c0ad2bbf 100644
--- a/apps/web/src/stores/coa.ts
+++ b/apps/web/src/stores/coa.ts
@@ -53,12 +53,11 @@ export const coa = defineStore("coa", () => {
       CoaServices["getAuthorList"]
     > | null>(null),
     issuecodes = ref<string[]>([]),
-    issuesWithTitles = ref<EventReturnType<CoaServices["getIssuesWithTitles"]>>(
-      {},
-    ),
     issueDetails = ref<{ [issuecode: string]: InducksIssueDetails }>({}),
     isLoadingCountryNames = ref(false),
-    issuecodeDetails = ref<EventReturnType<CoaServices["getIssues"]>>({}),
+    issuecodeDetails = ref<
+      Exclude<EventReturnType<CoaServices["getIssues"]>, "error">
+    >({}),
     issuePopularities = ref<
       EventReturnType<CoaServices["getIssuePopularities"]>
     >({}),
@@ -171,26 +170,19 @@ export const coa = defineStore("coa", () => {
         })
       );
     },
-    fetchIssueNumbersWithTitles = async (publicationcodes: string[]) => {
-      const results = await coaServices.getIssuesWithTitles(
-        publicationcodes.filter(
-          (publicationcode) =>
-            !Object.keys(issuesWithTitles.value).includes(publicationcode),
-        ),
-      );
-      Object.assign(issuesWithTitles.value, results);
-    },
-    fetchIssuecodeDetails = async (issuecodes: string[]) => {
-      const existingIssuecodes = new Set(
-        Object.keys(issuecodeDetails.value || {}),
-      );
-      const newIssuecodes = issuecodes.filter(
-        (issuecode) => !existingIssuecodes.has(issuecode),
+    fetchIssuecodeDetails = async (
+      issuecodes: string[],
+      withTitles: boolean = false,
+    ) => {
+      const newIssuecodes = issuecodes.filter((issuecode) =>
+        withTitles
+          ? !("title" in (issuecodeDetails.value[issuecode] || {}))
+          : !issuecodeDetails.value[issuecode],
       );
       if (newIssuecodes.length) {
         Object.assign(
           issuecodeDetails.value,
-          await coaServices.getIssues(newIssuecodes),
+          await coaServices.getIssues(newIssuecodes, withTitles),
         );
       }
     },
@@ -274,7 +266,6 @@ export const coa = defineStore("coa", () => {
     fetchCoverUrlsByIssuecodes,
     fetchIssuecodeDetails,
     fetchIssuecodesByPublicationcode,
-    fetchIssueNumbersWithTitles,
     fetchIssuePopularities,
     fetchIssueQuotations,
     fetchIssueUrls,
@@ -291,7 +282,6 @@ export const coa = defineStore("coa", () => {
     issuePopularities: issuePopularities,
     issuecodes,
     issueQuotations,
-    issuesWithTitles,
     personNames,
     publicationNames,
     publicationNamesFullCountries,
diff --git a/apps/whattheduck/public/icons/ducksmanager.png b/apps/whattheduck/public/icons/ducksmanager.png
new file mode 100644
index 000000000..ed6176926
Binary files /dev/null and b/apps/whattheduck/public/icons/ducksmanager.png differ
diff --git a/apps/whattheduck/src/components/Collection.vue b/apps/whattheduck/src/components/Collection.vue
index f87347942..558ab2df7 100644
--- a/apps/whattheduck/src/components/Collection.vue
+++ b/apps/whattheduck/src/components/Collection.vue
@@ -26,7 +26,7 @@
         >
       </ion-toolbar>
       <Navigation v-if="!isCameraPreviewShown" />
-      <template v-if="list?.hasItems && !isCameraPreviewShown">
+      <template v-if="(list?.hasItems || filterText || currentFilter.id !== 'all') && !isCameraPreviewShown">
         <ion-searchbar inputmode="text" autocapitalize="sentences" v-model="filterText" placeholder="Filter" />
         <FilterButton v-if="filterText.length < 1" />
       </template>
@@ -54,13 +54,21 @@ const { t } = useI18n();
 const list = ref<InstanceType<typeof CountryList | typeof PublicationList | typeof IssueList> | null>(null);
 
 const { total, ownedCountries, ownedPublications } = storeToRefs(wtdcollection());
-const { filterText, isCoaView, isCameraPreviewShown, countrycode, publicationcode, issuecodes, currentNavigationItem } =
-  storeToRefs(app());
+const {
+  filterText,
+  isCoaView,
+  isCameraPreviewShown,
+  countrycode,
+  publicationcode,
+  issuecodes,
+  currentNavigationItem,
+  currentFilter,
+} = storeToRefs(app());
 
 const { issuecodeDetails } = storeToRefs(coa());
 
 const componentName = computed(() =>
-  !currentNavigationItem.value
+  currentNavigationItem.value.type === 'all'
     ? CountryList
     : currentNavigationItem.value.type === 'countrycode'
       ? PublicationList
@@ -83,7 +91,7 @@ const backToCollection = () => {
       if (ownedCountries.value?.includes(countrycode.value!)) {
         currentNavigationItem.value = { type: 'countrycode', value: countrycode.value! };
       } else {
-        currentNavigationItem.value = null;
+        currentNavigationItem.value = { type: 'all', value: 'all' };
       }
     }
   }
diff --git a/apps/whattheduck/src/components/Navigation.vue b/apps/whattheduck/src/components/Navigation.vue
index d6ab40a10..060697206 100644
--- a/apps/whattheduck/src/components/Navigation.vue
+++ b/apps/whattheduck/src/components/Navigation.vue
@@ -1,5 +1,8 @@
 <template>
-  <ion-segment :model-value="currentNavigationItem?.type">
+  <ion-segment
+    :model-value="JSON.stringify(shownParts[shownParts.length - 1])"
+    @update:model-value="currentNavigationItem = JSON.parse($event)"
+  >
     <ion-col
       @click.stop="() => {}"
       :class="{ 'non-clickable': partIdx >= shownParts.length, scrollable: partIdx === 3 }"
@@ -7,7 +10,10 @@
       v-for="partIdx in maxParts"
       v-show="partIdx <= shownParts.length"
     >
-      <ion-segment-button :value="shownParts[partIdx - 1]?.type" @click="">
+      <ion-segment-button
+        :value="JSON.stringify(shownParts[partIdx - 1])"
+        @click="currentNavigationItem = shownParts[partIdx] as typeof currentNavigationItem"
+      >
         <globe-icon v-if="partIdx === 1" />
         <Country
           v-if="partIdx === 2 && countrycode"
@@ -47,14 +53,14 @@ const { countryNames, publicationNames } = storeToRefs(stores.coa());
 const maxParts = 4;
 
 const shownParts = computed(() => [
-  null,
-  ...Object.entries({
+  { type: 'all', value: 'all' },
+  ...(Object.entries({
     countrycode: countrycode.value,
     publicationcode: publicationcode.value,
     issuecodes: issuecodes.value,
   })
     .map(([type, value]) => (value ? { type, value } : null))
-    .filter(Boolean),
+    .filter(Boolean) as (typeof currentNavigationItem)['value'][]),
 ]);
 </script>
 
diff --git a/apps/whattheduck/src/components/OwnedIssueCopies.vue b/apps/whattheduck/src/components/OwnedIssueCopies.vue
index bc0ef0b21..e5d95a419 100644
--- a/apps/whattheduck/src/components/OwnedIssueCopies.vue
+++ b/apps/whattheduck/src/components/OwnedIssueCopies.vue
@@ -85,8 +85,9 @@ watch(
   issuecodes,
   async (newValue) => {
     if (newValue) {
-      const covers = await fetchCoverUrlsByIssuecodes(newValue);
-      fullUrl.value = covers.covers![newValue[0]]?.fullUrl;
+      const newIssuecodes = [...newValue];
+      const covers = await fetchCoverUrlsByIssuecodes(newIssuecodes);
+      fullUrl.value = covers.covers![newIssuecodes[0]]?.fullUrl;
     }
   },
   { immediate: true },
diff --git a/apps/whattheduck/src/stores/app.ts b/apps/whattheduck/src/stores/app.ts
index 3c0ae9efc..3edd1797c 100644
--- a/apps/whattheduck/src/stores/app.ts
+++ b/apps/whattheduck/src/stores/app.ts
@@ -34,15 +34,17 @@ export const app = defineStore('app', () => {
   const isCameraPreviewShown = ref(false);
 
   const currentNavigationItem = ref<
-    null | { type: 'countrycode' | 'publicationcode'; value: string } | { type: 'issuecodes'; value: string[] }
-  >(null);
+    | { type: 'all'; value: 'all' }
+    | { type: 'countrycode' | 'publicationcode'; value: string }
+    | { type: 'issuecodes'; value: string[] }
+  >({ type: 'all', value: 'all' });
 
   watch(
     () => route.hash,
     (newValue) => {
       const parts = newValue.replace('#', '').replaceAll('_', ' ').split('=');
       if (parts.length === 1) {
-        currentNavigationItem.value = null;
+        currentNavigationItem.value = { type: 'all', value: 'all' };
       } else {
         const [type, value] = parts as ['countrycode' | 'publicationcode' | 'issuecodes', string];
         if (type === 'issuecodes') {
diff --git a/apps/whattheduck/src/theme/global.scss b/apps/whattheduck/src/theme/global.scss
index 558effe31..a2a7b6de0 100644
--- a/apps/whattheduck/src/theme/global.scss
+++ b/apps/whattheduck/src/theme/global.scss
@@ -131,4 +131,8 @@ ion-checkbox {
 
 .searchbar-clear-button { 
    right: 1.5rem !important;
+}
+
+.flex {
+  display: flex !important
 }
\ No newline at end of file
diff --git a/apps/whattheduck/src/views/About.vue b/apps/whattheduck/src/views/About.vue
index 76c99ce0a..cb76ef6ad 100644
--- a/apps/whattheduck/src/views/About.vue
+++ b/apps/whattheduck/src/views/About.vue
@@ -1,27 +1,27 @@
 <template>
   <ion-page>
-    <ion-header>
-      <ion-title>{{ t('A propos') }}</ion-title>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-menu-button color="primary" />
+        </ion-buttons>
+        <ion-title>{{ t('A propos') }}</ion-title>
+      </ion-toolbar>
     </ion-header>
-    <ion-content>
-      <ion-item>{{ t('What The Duck version {version}', { version: getCurrentAppVersion() }) }}</ion-item>
-      <ion-item class="flex">
-        <ion-item>
-          <a :href="discordUrl"><img src="/icons/discord.png" /></a>
-        </ion-item>
-        <ion-item>
-          <a :href="facebookUrl"><img src="/icons/facebook.png" /></a>
-        </ion-item>
-        <ion-item>
-          <a :href="instagramUrl"><img src="/icons/instagram.png" /></a>
-        </ion-item>
-        <ion-item>
-          <a :href="youtubeUrl"><img src="/icons/youtube.png" /></a>
-        </ion-item>
-      </ion-item>
-      <ion-item style="border-bottom: 1px solid white">
-        {{ t('Notez What The Duck sur le Play Store :-)') }}
-      </ion-item>
+    <ion-content v-if="currentAppVersion">
+      <div>
+        <b>{{ t('What The Duck version {version}', { version: currentAppVersion }) }}</b>
+      </div>
+      <div>
+        <a :href="discordUrl"><img src="/icons/discord.png" /></a>
+        <a :href="facebookUrl"><img src="/icons/facebook.png" /></a>
+        <a :href="dmUrl"><img src="/icons/ducksmanager.png" /></a>
+        <a :href="instagramUrl"><img src="/icons/instagram.png" /></a>
+        <a :href="youtubeUrl"><img src="/icons/youtube.png" /></a>
+      </div>
+      <ion-button id="link-to-dm" expand="full" color="white" @click.prevent="() => {}">
+        <a :href="playStoreUrl"> {{ t("Notez What The Duck sur le Play Store si vous appréciez l'utiliser :-)") }}</a>
+      </ion-button>
     </ion-content></ion-page
   >
 </template>
@@ -32,17 +32,39 @@ import { AppUpdate } from '@capawesome/capacitor-app-update';
 
 const { t } = useI18n();
 
-const getCurrentAppVersion = async () => {
-  const result = await AppUpdate.getAppUpdateInfo();
-  if (Capacitor.getPlatform() === 'android') {
-    return result.currentVersionCode;
-  } else {
-    return result.currentVersionName;
-  }
-};
+const dmUrl = 'https://ducksmanager.net';
+const playStoreUrl = 'https://play.google.com/store/apps/details?id=net.ducksmanager.whattheduck';
+
+const currentAppVersion = ref<string | null>(null);
+
+AppUpdate.getAppUpdateInfo()
+  .then((result) => {
+    if (Capacitor.getPlatform() === 'android') {
+      currentAppVersion.value = result.currentVersionCode;
+    } else {
+      currentAppVersion.value = result.currentVersionName;
+    }
+  })
+  .catch(() => {
+    currentAppVersion.value = 'web';
+  });
 
 const discordUrl = import.meta.env.VITE_DISCORD_URL;
 const facebookUrl = import.meta.env.VITE_FACEBOOK_URL;
 const instagramUrl = import.meta.env.VITE_INSTAGRAM_URL;
 const youtubeUrl = import.meta.env.VITE_YOUTUBE_URL;
 </script>
+
+<style lang="scss" scoped>
+ion-content::part(scroll) {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+div {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+}
+</style>
diff --git a/apps/whattheduck/src/views/IssueList.vue b/apps/whattheduck/src/views/IssueList.vue
index 59dac24b8..70442f11f 100644
--- a/apps/whattheduck/src/views/IssueList.vue
+++ b/apps/whattheduck/src/views/IssueList.vue
@@ -1,6 +1,6 @@
 <template>
   <List
-    v-if="coaIssues"
+    v-if="coaIssuecodes"
     :items="sortedItems"
     :get-item-text-fn="getItemTextFn"
     item-type="issuecode"
@@ -86,10 +86,10 @@ const colSize = computed(() => {
 });
 
 const { issues, user, purchasesById } = storeToRefs(wtdcollection());
-const { publicationcode, currentNavigationItem, isCoaView, currentIssueViewMode, selectedIssuecodes } =
+const { publicationcode, currentNavigationItem, isCoaView, currentIssueViewMode, selectedIssuecodes, currentFilter } =
   storeToRefs(app());
-const { issuesWithTitles, issuecodeDetails } = storeToRefs(webStores.coa());
-const { fetchCoverUrls, fetchIssueNumbersWithTitles } = webStores.coa();
+const { issuecodeDetails, issuecodesByPublicationcode } = storeToRefs(webStores.coa());
+const { fetchCoverUrls, fetchIssuecodesByPublicationcode, fetchIssuecodeDetails } = webStores.coa();
 
 const { bookcaseOptions, bookcaseUsername } = storeToRefs(bookcase());
 const { loadBookcaseOptions, loadBookcaseOrder } = bookcase();
@@ -107,8 +107,7 @@ const getIssueDate = (issue: issue) => {
   return !date ? date : (typeof date === 'string' ? date : date.toISOString()).split('T')?.[0];
 };
 
-const coaIssues = computed(() => issuesWithTitles.value[publicationcode.value!]);
-const coaIssuecodes = computed(() => coaIssues.value?.map(({ issuecode }) => issuecode));
+const coaIssuecodes = computed(() => issuecodesByPublicationcode.value[publicationcode.value!]);
 const coaIssuecodeDetails = computed<typeof issuecodeDetails.value>(() =>
   Object.entries(issuecodeDetails.value)
     .filter(([issuecode]) => coaIssuecodes.value.includes(issuecode))
@@ -117,6 +116,11 @@ const coaIssuecodeDetails = computed<typeof issuecodeDetails.value>(() =>
 const userIssues = computed(() =>
   (issues.value || [])
     .filter((issue) => issue.publicationcode === publicationcode.value)
+    .filter(
+      currentFilter.value.id === 'all'
+        ? () => true
+        : ({ isToRead }) => isToRead === (currentFilter.value.id === 'unreadBooksOnly'),
+    )
     .map((issue) => ({
       ...issue,
       issueDate: getIssueDate(issue),
@@ -132,26 +136,28 @@ type Item =
   | IssueWithIssuecodeOnly;
 
 const items = computed(() =>
-  coaIssues.value
+  coaIssuecodes.value
     ? isCoaView.value
-      ? coaIssues.value.reduce<
+      ? coaIssuecodes.value.reduce<
           {
             key: string;
             inducksItem: (typeof coaIssuecodeDetails.value)[string];
             item: Item;
           }[]
-        >((acc, item) => {
+        >((acc, issuecode) => {
           const userIssuesForThisIssue = userIssues.value.filter(
-            ({ issuecode: userIssuecode }) => item.issuecode === userIssuecode,
+            ({ issuecode: userIssuecode }) => issuecode === userIssuecode,
           );
 
           return [
             ...acc,
-            ...(userIssuesForThisIssue.length ? userIssuesForThisIssue : [item]).map((itemOrUserItem) => ({
-              key: itemOrUserItem.issuecode,
-              inducksItem: coaIssuecodeDetails.value[itemOrUserItem.issuecode],
-              item: itemOrUserItem,
-            })),
+            ...(userIssuesForThisIssue.length ? userIssuesForThisIssue : [issuecodeDetails.value[issuecode]]).map(
+              (itemOrUserItem) => ({
+                key: issuecode,
+                inducksItem: coaIssuecodeDetails.value[issuecode],
+                item: itemOrUserItem,
+              }),
+            ),
           ];
         }, [])
       : (userIssues.value || []).map((issue) => ({
@@ -233,7 +239,8 @@ watch(
 watch(
   [isCoaView, publicationcode],
   async () => {
-    await fetchIssueNumbersWithTitles([publicationcode.value!]);
+    await fetchIssuecodesByPublicationcode([publicationcode.value!]);
+    await fetchIssuecodeDetails(coaIssuecodes.value);
   },
   { immediate: true },
 );
diff --git a/apps/whattheduck/src/views/Login.vue b/apps/whattheduck/src/views/Login.vue
index db5b32391..c8d11f4bf 100644
--- a/apps/whattheduck/src/views/Login.vue
+++ b/apps/whattheduck/src/views/Login.vue
@@ -58,7 +58,7 @@
         </ion-col>
       </ion-row>
       <ion-row>
-        <ion-col size="6" push="6" style="display: flex" class="flex ion-justify-content-end">
+        <ion-col size="6" push="6" class="flex ion-justify-content-end">
           <ion-button @click="forgotPassword" size="small" :disabled="isOfflineMode">
             {{ t('Mot de passe oublié ?') }}
           </ion-button>
diff --git a/apps/whattheduck/src/views/Suggestions.vue b/apps/whattheduck/src/views/Suggestions.vue
index 79d323861..bbb4eada2 100644
--- a/apps/whattheduck/src/views/Suggestions.vue
+++ b/apps/whattheduck/src/views/Suggestions.vue
@@ -47,7 +47,7 @@
               :classes="['issue-title', 'ion-no-padding']"
             />
             <ion-col
-              class="ion-no-padding"
+              class="ion-no-padding flex"
               size="3"
               style="display: flex; flex-direction: column; align-items: start; justify-content: center"
             >
diff --git a/apps/whattheduck/translations/en.json b/apps/whattheduck/translations/en.json
index 0a361cc51..4a61338f8 100644
--- a/apps/whattheduck/translations/en.json
+++ b/apps/whattheduck/translations/en.json
@@ -136,6 +136,7 @@
   "Retirer de la collection": "Remove from collection",
   "Retirer ces {numberOfIssues} numéros de la collection": "Remove these {numberOfIssues} issues from collection",
   "Retour à ma collection": "Back to my collection",
+  "Retour aux résultats d'histoire": "Back to story search results",
   "Résultat": "Result",
   "Résultats de la recherche": "Search results",
   "Sans titre": "No title",
diff --git a/apps/whattheduck/translations/sv.json b/apps/whattheduck/translations/sv.json
index 417e391f8..499b26f0a 100644
--- a/apps/whattheduck/translations/sv.json
+++ b/apps/whattheduck/translations/sv.json
@@ -128,6 +128,7 @@
   "Progression de la collection": "Samlingens framfart",
   "Quelque chose ne fonctionne pas sur l'application ?\nDétaillez votre problème et nous essaierons de le résoudre dans une prochaine version :-)": "Är det något som inte fungerar i appen? Beskriv ditt problem så ska vi försöka lösa det i nästa version :-)",
   "Rechercher une histoire": "Hitta en berättelse",
+  "Retour aux résultats d'histoire": "Tillbaka till berättelsens sökresultat",
   "Résultat": "Resultat",
   "Sans titre": "Ingen titel",
   "Si l'adresse e-mail entrée correspond à un compte DucksManager, nous venons d'y envoyer un lien permettant la réinitialisation du mot de passe. Si l'e-mail ne vous parvient pas d'ici quelques minutes, veuillez vérifier votre dossier Spam.": "Om emailadressen överensstämmer med ett DucksManager konto skickas en länk för att återställa ditt lösenord. Om du inte får ett email inom några minter, kolla din Spam mapp.",
diff --git a/packages/api/services/coa/index.ts b/packages/api/services/coa/index.ts
index ae2fed88c..1c62f12b0 100644
--- a/packages/api/services/coa/index.ts
+++ b/packages/api/services/coa/index.ts
@@ -25,13 +25,14 @@ export default (io: Server) => {
   });
 };
 
-const getInducksIssueData = (issuecodes: string[]) =>
+const getInducksIssueData = (issuecodes: string[], withTitle: boolean) =>
   prismaCoa.inducks_issue
     .findMany({
       select: {
         publicationcode: true,
         issuenumber: true,
         issuecode: true,
+        title: withTitle,
       },
       where: {
         issuecode: {
@@ -45,8 +46,9 @@ export const augmentIssueObjectWithInducksData = <
   Entity extends { issuecode: string },
 >(
   issues: Record<string, Entity>,
+  withTitle: boolean = false,
 ) =>
-  getInducksIssueData(Object.keys(issues)).then((inducksIssues) =>
+  getInducksIssueData(Object.keys(issues), withTitle).then((inducksIssues) =>
     Object.entries(issues).reduce<typeof issues>(
       (acc, [issuecode, issue]) => ({
         ...acc,
@@ -60,10 +62,12 @@ export const augmentIssueArrayWithInducksData = async <
   Entity extends { issuecode: string },
 >(
   issues: Entity[],
+  withTitle: boolean = false,
 ) =>
-  getInducksIssueData([
-    ...new Set(issues.map(({ issuecode }) => issuecode)),
-  ]).then((inducksIssues) =>
+  getInducksIssueData(
+    [...new Set(issues.map(({ issuecode }) => issuecode))],
+    withTitle,
+  ).then((inducksIssues) =>
     issues.map((issue) => ({
       ...issue,
       ...inducksIssues[issue.issuecode],
diff --git a/packages/api/services/coa/issue-details/index.ts b/packages/api/services/coa/issue-details/index.ts
index 19b15771d..2770041fa 100644
--- a/packages/api/services/coa/issue-details/index.ts
+++ b/packages/api/services/coa/issue-details/index.ts
@@ -29,42 +29,6 @@ export const getPopularityByIssuecodes = async (issuecodes: string[]) =>
     .then((data) => data.groupBy("issuecode"));
 
 export default (socket: Socket<Events>) => {
-  socket.on("getIssuesWithTitles", async (publicationcodes, callback) =>
-    prismaCoa.inducks_issue
-      .findMany({
-        select: {
-          publicationcode: true,
-          issuecode: true,
-          issuenumber: true,
-          title: true,
-        },
-        where: {
-          publicationcode: {
-            in: publicationcodes,
-          },
-        },
-      })
-      .then((data) => {
-        callback(
-          data.reduce<Parameters<typeof callback>[0]>(
-            (acc, { publicationcode, issuenumber, title, issuecode }) => ({
-              ...acc,
-              [publicationcode!]: [
-                ...(acc[publicationcode!] || []),
-                {
-                  issuecode,
-                  publicationcode: publicationcode!,
-                  issuenumber: issuenumber!,
-                  title,
-                },
-              ],
-            }),
-            {},
-          ),
-        );
-      }),
-  );
-
   socket.on("getIssueDetails", async (issuecode, callback) => {
     const entries = await getEntries(issuecode);
     callback({
diff --git a/packages/api/services/coa/issues/index.ts b/packages/api/services/coa/issues/index.ts
index 5f0384740..6435d7d4b 100644
--- a/packages/api/services/coa/issues/index.ts
+++ b/packages/api/services/coa/issues/index.ts
@@ -4,20 +4,14 @@ import type { IssueWithIssuecodeOnly } from "~dm-types/IssueWithIssuecodeOnly";
 import { prismaClient as prismaCoa } from "~prisma-schemas/schemas/coa/client";
 
 import type Events from "../types";
+import { augmentIssueArrayWithInducksData } from "..";
 export default (socket: Socket<Events>) => {
-  socket.on("getIssues", (issuecodes, callback) =>
+  socket.on("getIssues", (issuecodes, withTitles, callback) =>
     issuecodes.length
-      ? prismaCoa.inducks_issue
-          .findMany({
-            select: {
-              publicationcode: true,
-              issuenumber: true,
-              issuecode: true,
-            },
-            where: {
-              issuecode: { in: issuecodes.filter((issuecode) => issuecode) },
-            },
-          })
+      ? augmentIssueArrayWithInducksData(
+          issuecodes.map((issuecode) => ({ issuecode })),
+          withTitles,
+        )
           .then((data) => data.groupBy("issuecode"))
           .then(callback)
       : callback({}),
diff --git a/packages/api/services/coa/stories/index.ts b/packages/api/services/coa/stories/index.ts
index 55d67de93..a16ede22d 100644
--- a/packages/api/services/coa/stories/index.ts
+++ b/packages/api/services/coa/stories/index.ts
@@ -77,9 +77,10 @@ export default (socket: Socket<Events>) => {
     if (withIssues) {
       const resultsWithIssues: StorySearchResults<true>["results"] = [];
       for (const idx of results.keys()) {
-        resultsWithIssues[idx].issues = await listIssuesFromStoryCode(
-          results[idx].storycode,
-        );
+        resultsWithIssues[idx] = {
+          ...results[idx],
+          issues: await listIssuesFromStoryCode(results[idx].storycode),
+        };
       }
 
       callback({
diff --git a/packages/api/services/coa/types.ts b/packages/api/services/coa/types.ts
index 7c7a2835c..972d71c3e 100644
--- a/packages/api/services/coa/types.ts
+++ b/packages/api/services/coa/types.ts
@@ -30,20 +30,6 @@ export default abstract class {
     callback: (value: Record<string, string>) => void,
   ) => void;
 
-  abstract getIssuesWithTitles: (
-    publicationcodes: string[],
-    callback: (
-      value: Record<
-        string,
-        {
-          issuecode: string;
-          publicationcode: string;
-          issuenumber: string;
-          title: string | null;
-        }[]
-      >,
-    ) => void,
-  ) => void;
   abstract getIssueDetails: (
     issuecode: string,
     callback: (value: { releaseDate?: string; entries: SimpleEntry[] }) => void,
@@ -74,6 +60,7 @@ export default abstract class {
   ) => void;
   abstract getIssues: (
     issuecodes: string[],
+    withTitles: boolean,
     callback: (value: Record<string, SimpleInducksIssue>) => void,
   ) => void;