diff --git a/src/features/migration/components/MIgrationEntryGroup.tsx b/src/features/migration/components/MIgrationEntryGroup.tsx
index e17c151f..0bd4857e 100644
--- a/src/features/migration/components/MIgrationEntryGroup.tsx
+++ b/src/features/migration/components/MIgrationEntryGroup.tsx
@@ -11,58 +11,60 @@ import type { ButtonProps } from '@mui/material/Button';
 import Button from '@mui/material/Button';
 import Collapse from '@mui/material/Collapse';
 import Stack from '@mui/material/Stack';
-import {} from 'react';
+import { memo } from 'react';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
 import { MigrationEntry } from '@/features/migration/components/migration-entry/MigrationEntry.tsx';
 import { MigrationManager } from '@/features/migration/MigrationManager.ts';
 
-export const MigrationEntryGroup = ({
-    status,
-    title,
-    entries,
-    color,
-    isMigrating = false,
-}: {
-    status: MigrationEntryStatus;
-    title: string;
-    entries: TMigrationEntry[];
-    color: ButtonProps['color'];
-    isMigrating?: boolean;
-}) => {
-    const isExpanded = MigrationManager.useGroupExpandState(status);
+export const MigrationEntryGroup = memo(
+    ({
+        status,
+        title,
+        entries,
+        color,
+        isMigrating = false,
+    }: {
+        status: MigrationEntryStatus;
+        title: string;
+        entries: TMigrationEntry[];
+        color: ButtonProps['color'];
+        isMigrating?: boolean;
+    }) => {
+        const isExpanded = MigrationManager.useGroupExpandState(status);
 
-    if (!entries.length) {
-        return null;
-    }
+        if (!entries.length) {
+            return null;
+        }
 
-    return (
-        <Stack sx={{ width: '100%', gap: 2 }}>
-            <Button
-                onClick={() => MigrationManager.setGroupExpandState(status, !isExpanded)}
-                color={color}
-                variant="outlined"
-                startIcon={isExpanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}
-                size="large"
-                sx={{
-                    py: 2,
-                    justifyContent: 'center',
-                    '& .MuiButton-startIcon': {
-                        position: 'absolute',
-                        left: (theme) => theme.spacing(4),
-                        margin: 0,
-                    },
-                }}
-            >
-                {title}
-            </Button>
-            <Collapse in={isExpanded} unmountOnExit>
-                <Stack sx={{ gap: 1 }}>
-                    {entries.map((entry) => (
-                        <MigrationEntry key={entry.mangaId} entry={entry} isMigrating={isMigrating} />
-                    ))}
-                </Stack>
-            </Collapse>
-        </Stack>
-    );
-};
+        return (
+            <Stack sx={{ width: '100%', gap: 2 }}>
+                <Button
+                    onClick={() => MigrationManager.setGroupExpandState(status, !isExpanded)}
+                    color={color}
+                    variant="outlined"
+                    startIcon={isExpanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}
+                    size="large"
+                    sx={{
+                        py: 2,
+                        justifyContent: 'center',
+                        '& .MuiButton-startIcon': {
+                            position: 'absolute',
+                            left: (theme) => theme.spacing(4),
+                            margin: 0,
+                        },
+                    }}
+                >
+                    {title}
+                </Button>
+                <Collapse in={isExpanded} unmountOnExit>
+                    <Stack sx={{ gap: 1 }}>
+                        {entries.map((entry) => (
+                            <MigrationEntry key={entry.mangaId} entry={entry} isMigrating={isMigrating} />
+                        ))}
+                    </Stack>
+                </Collapse>
+            </Stack>
+        );
+    },
+);
diff --git a/src/features/migration/components/MigrationCard.tsx b/src/features/migration/components/MigrationCard.tsx
index 64f7cfd6..5e80471b 100644
--- a/src/features/migration/components/MigrationCard.tsx
+++ b/src/features/migration/components/MigrationCard.tsx
@@ -21,8 +21,9 @@ import { Sources } from '@/features/source/services/Sources';
 import type { TMigratableSource } from '@/features/migration/Migration.types.ts';
 import { ReactRouter } from '@/lib/react-router/ReactRouter.ts';
 import { AppRoutes } from '@/base/AppRoute.constants.ts';
+import { memo } from 'react';
 
-export const MigrationCard = (source: TMigratableSource) => {
+export const MigrationCard = memo((source: TMigratableSource) => {
     const { id, name, lang, iconUrl, mangaCount } = source;
     const { t } = useLingui();
 
@@ -66,4 +67,4 @@ export const MigrationCard = (source: TMigratableSource) => {
             </CardActionArea>
         </Card>
     );
-};
+});
diff --git a/src/features/migration/components/MigrationSourceList.tsx b/src/features/migration/components/MigrationSourceList.tsx
index 1e9347dc..cbc5e83f 100644
--- a/src/features/migration/components/MigrationSourceList.tsx
+++ b/src/features/migration/components/MigrationSourceList.tsx
@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { useCallback, useMemo, useState } from 'react';
+import { memo, useCallback, useMemo, useState } from 'react';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import Chip from '@mui/material/Chip';
@@ -36,55 +36,57 @@ import { languageCodeToName } from '@/base/utils/Languages.ts';
 import { DEFAULT_FULL_FAB_HEIGHT } from '@/base/components/buttons/StyledFab.tsx';
 import Stack from '@mui/material/Stack';
 
-const SourceCard = ({
-    source,
-    onToggle,
-    isCurrentSource,
-    isSelected,
-    isDragging,
-}: {
-    source: SourceItem;
-    onToggle: (id: SourceIdInfo['id']) => void;
-    isCurrentSource: boolean;
-    isSelected: boolean;
-    isDragging?: boolean;
-}) => {
-    const { t } = useLingui();
+const SourceCard = memo(
+    ({
+        source,
+        onToggle,
+        isCurrentSource,
+        isSelected,
+        isDragging,
+    }: {
+        source: SourceItem;
+        onToggle: (id: SourceIdInfo['id']) => void;
+        isCurrentSource: boolean;
+        isSelected: boolean;
+        isDragging?: boolean;
+    }) => {
+        const { t } = useLingui();
 
-    return (
-        <StyledGroupItemWrapper>
-            <Card>
-                <CardActionArea onClick={() => onToggle(source.id)}>
-                    <ListCardContent sx={{ justifyContent: 'space-between' }}>
-                        <Stack sx={{ flexFlow: 'row', gap: 1, alignItems: 'center' }}>
-                            <ListCardAvatar
-                                iconUrl={requestManager.getValidImgUrlFor(source.iconUrl)}
-                                alt={source.name}
-                                slots={{ spinnerImageProps: { ignoreQueue: true } }}
-                            />
-                            <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
-                                <Typography variant="h6" component="h3">
-                                    {source.name}
-                                </Typography>
-                                <Typography variant="caption">{languageCodeToName(source.lang)}</Typography>
-                            </Box>
-                        </Stack>
-                        <Stack sx={{ flexDirection: 'row', gap: 4 }}>
-                            {isCurrentSource && (
-                                <Chip size="small" label={t`Current source`} color="primary" variant="outlined" />
-                            )}
-                            {isSelected && (
-                                <Box>
-                                    <DragHandle sx={{ mr: 2, cursor: isDragging ? 'grabbing' : 'grab' }} />
+        return (
+            <StyledGroupItemWrapper>
+                <Card>
+                    <CardActionArea onClick={() => onToggle(source.id)}>
+                        <ListCardContent sx={{ justifyContent: 'space-between' }}>
+                            <Stack sx={{ flexFlow: 'row', gap: 1, alignItems: 'center' }}>
+                                <ListCardAvatar
+                                    iconUrl={requestManager.getValidImgUrlFor(source.iconUrl)}
+                                    alt={source.name}
+                                    slots={{ spinnerImageProps: { ignoreQueue: true } }}
+                                />
+                                <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
+                                    <Typography variant="h6" component="h3">
+                                        {source.name}
+                                    </Typography>
+                                    <Typography variant="caption">{languageCodeToName(source.lang)}</Typography>
                                 </Box>
-                            )}
-                        </Stack>
-                    </ListCardContent>
-                </CardActionArea>
-            </Card>
-        </StyledGroupItemWrapper>
-    );
-};
+                            </Stack>
+                            <Stack sx={{ flexDirection: 'row', gap: 4 }}>
+                                {isCurrentSource && (
+                                    <Chip size="small" label={t`Current source`} color="primary" variant="outlined" />
+                                )}
+                                {isSelected && (
+                                    <Box>
+                                        <DragHandle sx={{ mr: 2, cursor: isDragging ? 'grabbing' : 'grab' }} />
+                                    </Box>
+                                )}
+                            </Stack>
+                        </ListCardContent>
+                    </CardActionArea>
+                </Card>
+            </StyledGroupItemWrapper>
+        );
+    },
+);
 
 export const MigrationSourceList = ({
     sources,
diff --git a/src/features/migration/components/migration-entry/MigrationEntry.tsx b/src/features/migration/components/migration-entry/MigrationEntry.tsx
index d3cb52db..0ad96d45 100644
--- a/src/features/migration/components/migration-entry/MigrationEntry.tsx
+++ b/src/features/migration/components/migration-entry/MigrationEntry.tsx
@@ -9,7 +9,7 @@
 import type { MigrationMatch, TMigrationEntry } from '@/features/migration/Migration.types.ts';
 import { MigrationManager } from '@/features/migration/MigrationManager.ts';
 import Paper from '@mui/material/Paper';
-import { useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import { MediaQuery } from '@/base/utils/MediaQuery.tsx';
 import { applyStyles } from '@/base/utils/ApplyStyles.ts';
 import { MigrationSourceEntry } from '@/features/migration/components/migration-entry/MigrationSourceEntry.tsx';
@@ -28,214 +28,227 @@ import Divider from '@mui/material/Divider';
 import { MigrationEntryStatusIndicator } from '@/features/migration/components/migration-entry/MigrationEntryStatusIndicator.tsx';
 import Box from '@mui/material/Box';
 
-const MigrationEntryMobile = ({
-    entry,
-    entry: { mangaId, mangaTitle, status, error, isExcluded },
-    destinationEntry,
-    otherSearchMatches,
-    isExpanded,
-    setIsExpanded,
-    isMigrating,
-}: {
-    entry: TMigrationEntry;
-    destinationEntry: MigrationMatch | undefined;
-    otherSearchMatches: MigrationMatch[];
-    isExpanded: boolean;
-    setIsExpanded: (expanded: boolean) => void;
-    isMigrating: boolean;
-}) => {
-    const { t } = useLingui();
+const MigrationEntryMobile = memo(
+    ({
+        entry,
+        entry: { mangaId, mangaTitle, status, error, isExcluded },
+        destinationEntry,
+        otherSearchMatches,
+        isExpanded,
+        setIsExpanded,
+        isMigrating,
+    }: {
+        entry: TMigrationEntry;
+        destinationEntry: MigrationMatch | undefined;
+        otherSearchMatches: MigrationMatch[];
+        isExpanded: boolean;
+        setIsExpanded: (expanded: boolean) => void;
+        isMigrating: boolean;
+    }) => {
+        const { t } = useLingui();
 
-    return (
-        <>
-            <MigrationSourceEntry {...entry} />
-            <MigrationDestinationEntry
-                sourceMangaId={mangaId}
-                sourceMangaTitle={mangaTitle}
-                entry={destinationEntry}
-                status={status}
-                otherResultsCount={otherSearchMatches.length}
-                isExpanded={isExpanded}
-                setIsExpanded={setIsExpanded}
-                isMigrating={isMigrating}
-                error={error}
-            />
-
-            <Collapse in={isExpanded} unmountOnExit>
-                <Divider sx={{ mb: 1 }} />
-                <Stack sx={{ flexDirection: 'row', gap: 1, alignItems: 'center', justifyContent: 'space-between' }}>
-                    <Typography variant="h6" component="h2">{t`Matches`}</Typography>
-                    <Button
-                        startIcon={<SearchIcon />}
-                        variant="text"
-                        onClick={() => {
-                            ReactRouter.navigate(AppRoutes.migrate.childRoutes.manualSearch.path(mangaId, mangaTitle), {
-                                state: { mangaTitle: mangaTitle },
-                            });
-                        }}
-                    >{t`Manual search`}</Button>
-                </Stack>
-                <Stack sx={{ pt: 2 }}>
-                    {otherSearchMatches.map((searchMatch) => {
-                        if (destinationEntry?.id === searchMatch.id) {
-                            return null;
-                        }
-
-                        return (
-                            <MigrationMatchedEntry key={searchMatch.id} sourceMangaId={mangaId} entry={searchMatch} />
-                        );
-                    })}
-                </Stack>
-            </Collapse>
-
-            {!isMigrating && (
-                <MigrationEntrySearchExcludeActions
-                    hasResults={!!destinationEntry}
+        return (
+            <>
+                <MigrationSourceEntry {...entry} />
+                <MigrationDestinationEntry
+                    sourceMangaId={mangaId}
+                    sourceMangaTitle={mangaTitle}
+                    entry={destinationEntry}
+                    status={status}
                     otherResultsCount={otherSearchMatches.length}
                     isExpanded={isExpanded}
                     setIsExpanded={setIsExpanded}
-                    isExcluded={isExcluded}
-                    mangaId={mangaId}
-                    mangaTitle={mangaTitle}
+                    isMigrating={isMigrating}
+                    error={error}
                 />
-            )}
-        </>
-    );
-};
 
-export const MigrationEntryDesktop = ({
-    entry,
-    entry: { mangaId, mangaTitle, status, error },
-    destinationEntry,
-    otherSearchMatches,
-    isExpanded,
-    setIsExpanded,
-    isMigrating,
-}: {
-    entry: TMigrationEntry;
-    destinationEntry: MigrationMatch | undefined;
-    otherSearchMatches: MigrationMatch[];
-    isExpanded: boolean;
-    setIsExpanded: (expanded: boolean) => void;
-    isMigrating: boolean;
-}) => {
-    const { t } = useLingui();
+                <Collapse in={isExpanded} unmountOnExit>
+                    <Divider sx={{ mb: 1 }} />
+                    <Stack sx={{ flexDirection: 'row', gap: 1, alignItems: 'center', justifyContent: 'space-between' }}>
+                        <Typography variant="h6" component="h2">{t`Matches`}</Typography>
+                        <Button
+                            startIcon={<SearchIcon />}
+                            variant="text"
+                            onClick={() => {
+                                ReactRouter.navigate(
+                                    AppRoutes.migrate.childRoutes.manualSearch.path(mangaId, mangaTitle),
+                                    {
+                                        state: { mangaTitle: mangaTitle },
+                                    },
+                                );
+                            }}
+                        >{t`Manual search`}</Button>
+                    </Stack>
+                    <Stack sx={{ pt: 2 }}>
+                        {otherSearchMatches.map((searchMatch) => {
+                            if (destinationEntry?.id === searchMatch.id) {
+                                return null;
+                            }
 
-    return (
-        <>
-            <Box
+                            return (
+                                <MigrationMatchedEntry
+                                    key={searchMatch.id}
+                                    sourceMangaId={mangaId}
+                                    entry={searchMatch}
+                                />
+                            );
+                        })}
+                    </Stack>
+                </Collapse>
+
+                {!isMigrating && (
+                    <MigrationEntrySearchExcludeActions
+                        hasResults={!!destinationEntry}
+                        otherResultsCount={otherSearchMatches.length}
+                        isExpanded={isExpanded}
+                        setIsExpanded={setIsExpanded}
+                        isExcluded={isExcluded}
+                        mangaId={mangaId}
+                        mangaTitle={mangaTitle}
+                    />
+                )}
+            </>
+        );
+    },
+);
+
+export const MigrationEntryDesktop = memo(
+    ({
+        entry,
+        entry: { mangaId, mangaTitle, status, error },
+        destinationEntry,
+        otherSearchMatches,
+        isExpanded,
+        setIsExpanded,
+        isMigrating,
+    }: {
+        entry: TMigrationEntry;
+        destinationEntry: MigrationMatch | undefined;
+        otherSearchMatches: MigrationMatch[];
+        isExpanded: boolean;
+        setIsExpanded: (expanded: boolean) => void;
+        isMigrating: boolean;
+    }) => {
+        const { t } = useLingui();
+
+        return (
+            <>
+                <Box
+                    sx={{
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                    }}
+                >
+                    <MigrationSourceEntry {...entry} />
+
+                    <Box sx={{ display: 'flex', alignItems: 'stretch', gap: 2 }}>
+                        <Box sx={{ display: 'flex', gap: 4, alignItems: 'center' }}>
+                            <MigrationEntryStatusIndicator status={status} hasResults={!!destinationEntry} />
+                            <MigrationDestinationEntry
+                                sourceMangaId={mangaId}
+                                sourceMangaTitle={mangaTitle}
+                                entry={destinationEntry}
+                                status={status}
+                                otherResultsCount={otherSearchMatches.length}
+                                isExpanded={isExpanded}
+                                setIsExpanded={setIsExpanded}
+                                isMigrating={isMigrating}
+                                error={error}
+                            />
+                        </Box>
+
+                        {!isMigrating && (
+                            <MigrationEntrySearchExcludeActions
+                                hasResults={!!destinationEntry}
+                                otherResultsCount={otherSearchMatches.length}
+                                isExpanded={isExpanded}
+                                setIsExpanded={setIsExpanded}
+                                isExcluded={entry.isExcluded}
+                                mangaId={entry.mangaId}
+                                mangaTitle={entry.mangaTitle}
+                            />
+                        )}
+                    </Box>
+                </Box>
+
+                <Collapse in={isExpanded && !isMigrating} unmountOnExit>
+                    <Divider sx={{ my: 4 }} />
+                    <Typography variant="h6" component="h2">{t`Matches`}</Typography>
+                    <Stack sx={{ pt: 2 }}>
+                        {otherSearchMatches.map((searchMatch) => {
+                            if (destinationEntry?.id === searchMatch.id) {
+                                return null;
+                            }
+
+                            return (
+                                <MigrationMatchedEntry
+                                    key={searchMatch.id}
+                                    sourceMangaId={entry.mangaId}
+                                    entry={searchMatch}
+                                />
+                            );
+                        })}
+                    </Stack>
+                </Collapse>
+            </>
+        );
+    },
+);
+
+export const MigrationEntry = memo(
+    ({ entry: propEntry, isMigrating }: { entry: TMigrationEntry; isMigrating: boolean }) => {
+        const isTabletWidth = MediaQuery.useIsTabletWidth();
+
+        const entry = useMemo(() => MigrationManager.getUpToDateMigrationEntry(propEntry), [propEntry]);
+
+        const destinationEntry = useMemo(() => {
+            const match = entry.searchMatches.find((matchEntry) => matchEntry.id === entry.selectedMatchMangaId);
+            const manualMatch = entry.manualMatches.find((matchEntry) => matchEntry.id === entry.selectedMatchMangaId);
+
+            return match ?? manualMatch;
+        }, [entry.searchMatches, entry.selectedMatchMangaId]);
+        const otherMatches = useMemo(
+            () =>
+                entry.searchMatches
+                    .filter((searchMatch) => searchMatch.id !== entry.selectedMatchMangaId)
+                    .sort((a, b) => (b.latestChapterNumber ?? 0) - (a.latestChapterNumber ?? 0)),
+            [entry.searchMatches, entry.selectedMatchMangaId],
+        );
+
+        const MigrationComponent = useMemo(
+            () => (isTabletWidth ? MigrationEntryMobile : MigrationEntryDesktop),
+            [isTabletWidth],
+        );
+
+        return (
+            <Paper
                 sx={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
+                    opacity: !isMigrating && entry.isExcluded ? 0.5 : 1,
+                    ...applyStyles(isTabletWidth, {
+                        flexDirection: 'column',
+                        display: 'flex',
+                        p: 2,
+                        gap: 2,
+                    }),
+                    ...applyStyles(!isTabletWidth, {
+                        px: 2,
+                        py: 2,
+                        pr: 6,
+                    }),
                 }}
             >
-                <MigrationSourceEntry {...entry} />
-
-                <Box sx={{ display: 'flex', alignItems: 'stretch', gap: 2 }}>
-                    <Box sx={{ display: 'flex', gap: 4, alignItems: 'center' }}>
-                        <MigrationEntryStatusIndicator status={status} hasResults={!!destinationEntry} />
-                        <MigrationDestinationEntry
-                            sourceMangaId={mangaId}
-                            sourceMangaTitle={mangaTitle}
-                            entry={destinationEntry}
-                            status={status}
-                            otherResultsCount={otherSearchMatches.length}
-                            isExpanded={isExpanded}
-                            setIsExpanded={setIsExpanded}
-                            isMigrating={isMigrating}
-                            error={error}
-                        />
-                    </Box>
-
-                    {!isMigrating && (
-                        <MigrationEntrySearchExcludeActions
-                            hasResults={!!destinationEntry}
-                            otherResultsCount={otherSearchMatches.length}
-                            isExpanded={isExpanded}
-                            setIsExpanded={setIsExpanded}
-                            isExcluded={entry.isExcluded}
-                            mangaId={entry.mangaId}
-                            mangaTitle={entry.mangaTitle}
-                        />
-                    )}
-                </Box>
-            </Box>
-
-            <Collapse in={isExpanded && !isMigrating} unmountOnExit>
-                <Divider sx={{ my: 4 }} />
-                <Typography variant="h6" component="h2">{t`Matches`}</Typography>
-                <Stack sx={{ pt: 2 }}>
-                    {otherSearchMatches.map((searchMatch) => {
-                        if (destinationEntry?.id === searchMatch.id) {
-                            return null;
-                        }
-
-                        return (
-                            <MigrationMatchedEntry
-                                key={searchMatch.id}
-                                sourceMangaId={entry.mangaId}
-                                entry={searchMatch}
-                            />
-                        );
-                    })}
-                </Stack>
-            </Collapse>
-        </>
-    );
-};
-
-export const MigrationEntry = ({ entry: propEntry, isMigrating }: { entry: TMigrationEntry; isMigrating: boolean }) => {
-    const isTabletWidth = MediaQuery.useIsTabletWidth();
-
-    const entry = useMemo(() => MigrationManager.getUpToDateMigrationEntry(propEntry), [propEntry]);
-
-    const destinationEntry = useMemo(() => {
-        const match = entry.searchMatches.find((matchEntry) => matchEntry.id === entry.selectedMatchMangaId);
-        const manualMatch = entry.manualMatches.find((matchEntry) => matchEntry.id === entry.selectedMatchMangaId);
-
-        return match ?? manualMatch;
-    }, [entry.searchMatches, entry.selectedMatchMangaId]);
-    const otherMatches = useMemo(
-        () =>
-            entry.searchMatches
-                .filter((searchMatch) => searchMatch.id !== entry.selectedMatchMangaId)
-                .sort((a, b) => (b.latestChapterNumber ?? 0) - (a.latestChapterNumber ?? 0)),
-        [entry.searchMatches, entry.selectedMatchMangaId],
-    );
-
-    const MigrationComponent = useMemo(
-        () => (isTabletWidth ? MigrationEntryMobile : MigrationEntryDesktop),
-        [isTabletWidth],
-    );
-
-    return (
-        <Paper
-            sx={{
-                opacity: !isMigrating && entry.isExcluded ? 0.5 : 1,
-                ...applyStyles(isTabletWidth, {
-                    flexDirection: 'column',
-                    display: 'flex',
-                    p: 2,
-                    gap: 2,
-                }),
-                ...applyStyles(!isTabletWidth, {
-                    px: 2,
-                    py: 2,
-                    pr: 6,
-                }),
-            }}
-        >
-            <MigrationComponent
-                entry={entry}
-                destinationEntry={destinationEntry}
-                isExpanded={entry.areMatchesExpanded}
-                setIsExpanded={() =>
-                    MigrationManager.setEntryMatchesExpandState(entry.mangaId, !entry.areMatchesExpanded)
-                }
-                otherSearchMatches={otherMatches}
-                isMigrating={isMigrating}
-            />
-        </Paper>
-    );
-};
+                <MigrationComponent
+                    entry={entry}
+                    destinationEntry={destinationEntry}
+                    isExpanded={entry.areMatchesExpanded}
+                    setIsExpanded={() =>
+                        MigrationManager.setEntryMatchesExpandState(entry.mangaId, !entry.areMatchesExpanded)
+                    }
+                    otherSearchMatches={otherMatches}
+                    isMigrating={isMigrating}
+                />
+            </Paper>
+        );
+    },
+);
diff --git a/src/features/migration/components/migration-entry/MigrationMatchedEntry.tsx b/src/features/migration/components/migration-entry/MigrationMatchedEntry.tsx
index 3501a889..ab59ab31 100644
--- a/src/features/migration/components/migration-entry/MigrationMatchedEntry.tsx
+++ b/src/features/migration/components/migration-entry/MigrationMatchedEntry.tsx
@@ -24,69 +24,67 @@ import Button from '@mui/material/Button';
 import CardActionArea from '@mui/material/CardActionArea';
 import Link from '@mui/material/Link';
 import { Link as RouterLink } from 'react-router-dom';
+import { memo } from 'react';
 
-export const MigrationMatchedEntry = ({
-    sourceMangaId,
-    entry,
-}: {
-    sourceMangaId: MangaIdInfo['id'];
-    entry: MigrationMatch;
-}) => {
-    const { t } = useLingui();
+export const MigrationMatchedEntry = memo(
+    ({ sourceMangaId, entry }: { sourceMangaId: MangaIdInfo['id']; entry: MigrationMatch }) => {
+        const { t } = useLingui();
 
-    return (
-        <MigrationEntryCard sx={{ mb: 1 }}>
-            <CardActionArea onClick={() => MigrationManager.selectMatch(sourceMangaId, entry.id, entry.sourceId)}>
-                <MigrationEntryCardContent>
-                    {(() => (
-                        <>
-                            <Link
-                                component={RouterLink}
-                                to={AppRoutes.manga.path(entry.id)}
-                                onClick={(e) => e.stopPropagation()}
-                            >
-                                <ListCardAvatar
-                                    iconUrl={Mangas.getThumbnailUrl(entry)}
-                                    alt={entry.title}
-                                    slots={{
-                                        avatarProps: {
-                                            sx: {
-                                                width: 'unset',
-                                                height: 80,
-                                                aspectRatio: '3 / 4',
-                                            },
-                                        },
-                                    }}
-                                />
-                            </Link>
-                            <Stack sx={{ minWidth: 0, flex: 1 }}>
-                                <Typography variant="overline" color="textSecondary">
-                                    {entry.sourceTitle}
-                                </Typography>
+        return (
+            <MigrationEntryCard sx={{ mb: 1 }}>
+                <CardActionArea onClick={() => MigrationManager.selectMatch(sourceMangaId, entry.id, entry.sourceId)}>
+                    <MigrationEntryCardContent>
+                        {(() => (
+                            <>
                                 <Link
                                     component={RouterLink}
                                     to={AppRoutes.manga.path(entry.id)}
-                                    sx={{ textDecoration: 'none', color: 'inherit', width: 'max-content' }}
                                     onClick={(e) => e.stopPropagation()}
                                 >
-                                    <TypographyMaxLines variant="h6" component="h3" title={entry.title}>
-                                        {entry.title}
-                                    </TypographyMaxLines>
+                                    <ListCardAvatar
+                                        iconUrl={Mangas.getThumbnailUrl(entry)}
+                                        alt={entry.title}
+                                        slots={{
+                                            avatarProps: {
+                                                sx: {
+                                                    width: 'unset',
+                                                    height: 80,
+                                                    aspectRatio: '3 / 4',
+                                                },
+                                            },
+                                        }}
+                                    />
                                 </Link>
-                                <MigrationEntryMetadataText {...entry} />
-                            </Stack>
-                        </>
-                    ))()}
-                    {(() => (
-                        <Button
-                            variant="outlined"
-                            {...MUIUtil.preventRippleProp({
-                                onClick: () => MigrationManager.selectMatch(sourceMangaId, entry.id, entry.sourceId),
-                            })}
-                        >{t`Select`}</Button>
-                    ))()}
-                </MigrationEntryCardContent>
-            </CardActionArea>
-        </MigrationEntryCard>
-    );
-};
+                                <Stack sx={{ minWidth: 0, flex: 1 }}>
+                                    <Typography variant="overline" color="textSecondary">
+                                        {entry.sourceTitle}
+                                    </Typography>
+                                    <Link
+                                        component={RouterLink}
+                                        to={AppRoutes.manga.path(entry.id)}
+                                        sx={{ textDecoration: 'none', color: 'inherit', width: 'max-content' }}
+                                        onClick={(e) => e.stopPropagation()}
+                                    >
+                                        <TypographyMaxLines variant="h6" component="h3" title={entry.title}>
+                                            {entry.title}
+                                        </TypographyMaxLines>
+                                    </Link>
+                                    <MigrationEntryMetadataText {...entry} />
+                                </Stack>
+                            </>
+                        ))()}
+                        {(() => (
+                            <Button
+                                variant="outlined"
+                                {...MUIUtil.preventRippleProp({
+                                    onClick: () =>
+                                        MigrationManager.selectMatch(sourceMangaId, entry.id, entry.sourceId),
+                                })}
+                            >{t`Select`}</Button>
+                        ))()}
+                    </MigrationEntryCardContent>
+                </CardActionArea>
+            </MigrationEntryCard>
+        );
+    },
+);
diff --git a/src/features/migration/components/migration-entry/MigrationSourceEntry.tsx b/src/features/migration/components/migration-entry/MigrationSourceEntry.tsx
index 8c2ca2c2..f45a0f1d 100644
--- a/src/features/migration/components/migration-entry/MigrationSourceEntry.tsx
+++ b/src/features/migration/components/migration-entry/MigrationSourceEntry.tsx
@@ -20,8 +20,9 @@ import { useLingui } from '@lingui/react/macro';
 import Stack from '@mui/material/Stack';
 import Link from '@mui/material/Link';
 import { Link as RouterLink } from 'react-router-dom';
+import { memo } from 'react';
 
-export const MigrationSourceEntry = (entry: TMigrationEntry) => {
+export const MigrationSourceEntry = memo((entry: TMigrationEntry) => {
     const {
         mangaId,
         mangaThumbnailUrl,
@@ -94,4 +95,4 @@ export const MigrationSourceEntry = (entry: TMigrationEntry) => {
             </Stack>
         </Box>
     );
-};
+});