diff --git a/src/component/book/BookDetail.tsx b/src/component/book/BookDetail.tsx
index c52b01c8..f08a2041 100644
--- a/src/component/book/BookDetail.tsx
+++ b/src/component/book/BookDetail.tsx
@@ -104,9 +104,11 @@ const BookDetail = () => {
               </span>
               <div className="book-state__list">
                 <div>
-                  {bookDetailInfo.books?.map((book, index) => (
-                    <BookStatus key={book.id} book={book} index={index} />
-                  ))}
+                  {bookDetailInfo.books
+                    ?.toSorted((a, b) => a.callSign.localeCompare(b.callSign))
+                    .map((book, index) => (
+                      <BookStatus key={book.id} book={book} index={index} />
+                    ))}
                 </div>
               </div>
             </div>