diff --git a/frontend/app/components/books/BookSelectedDialog.tsx b/frontend/app/components/books/BookSelectedDialog.tsx
index 83988170..3bb5138a 100644
--- a/frontend/app/components/books/BookSelectedDialog.tsx
+++ b/frontend/app/components/books/BookSelectedDialog.tsx
@@ -2,9 +2,13 @@ import { Button, Center, Dialog, Stack, Text } from '@mantine/core';
 import { useSubmit } from '@remix-run/react';
 import { useAtom } from 'jotai';
 import { selectedBooksAtom } from '~/stores/bookAtom';
+import { cartAtom } from '~/stores/cartAtom';
+import { successNotification } from '~/utils/notification';
 
 const BookSelectedDialog = () => {
 	const [selectedBook, setSelectedBook] = useAtom(selectedBooksAtom);
+	const [cart, setCart] = useAtom(cartAtom);
+
 	const submit = useSubmit();
 
 	return (
@@ -21,7 +25,16 @@ const BookSelectedDialog = () => {
 				<Center>
 					<Text fw={500}>選択中の本が{selectedBook.length}冊あります</Text>
 				</Center>
-				<Button fz="xs" color="yellow">
+				<Button
+					fz="xs"
+					color="yellow"
+					onClick={() => {
+						setCart([...cart, ...selectedBook]);
+						setSelectedBook([]);
+
+						successNotification('カートに追加しました');
+					}}
+				>
 					選択中の本をカートに入れる
 				</Button>
 				<Button