diff --git a/frontend/src/ui/components/Modal.tsx b/frontend/src/ui/components/Modal.tsx
index 59f7249..383aa05 100644
--- a/frontend/src/ui/components/Modal.tsx
+++ b/frontend/src/ui/components/Modal.tsx
@@ -14,7 +14,7 @@ export interface ModalProps {
   bgDismiss?: boolean;
 }
 
-export default function Modal({
+function Modal({
   active,
   title,
   onClose,
@@ -67,3 +67,5 @@ export default function Modal({
     </div>
   );
 }
+
+export default React.memo(Modal);
diff --git a/frontend/src/ui/components/PageList.tsx b/frontend/src/ui/components/PageList.tsx
index 933d4e2..c877868 100644
--- a/frontend/src/ui/components/PageList.tsx
+++ b/frontend/src/ui/components/PageList.tsx
@@ -9,7 +9,7 @@ export interface PageListProps {
   onPageChange: (page: number) => void;
 }
 
-export default function PageList({
+function PageList({
   current,
   max,
   min,
@@ -116,3 +116,5 @@ export default function PageList({
     </nav>
   );
 }
+
+export default React.memo(PageList);
diff --git a/frontend/src/ui/components/TabbedView.tsx b/frontend/src/ui/components/TabbedView.tsx
index 194bfe7..c821ad9 100644
--- a/frontend/src/ui/components/TabbedView.tsx
+++ b/frontend/src/ui/components/TabbedView.tsx
@@ -10,7 +10,7 @@ export interface TabbedViewProps {
   tabs: TabItem[];
 }
 
-export default function TabbedView({
+function TabbedView({
   tabs,
   children,
 }: React.PropsWithChildren<TabbedViewProps>): React.ReactElement {
@@ -36,3 +36,5 @@ export default function TabbedView({
     </>
   );
 }
+
+export default React.memo(TabbedView);