diff --git a/src/v1/bookShelf/BookShelf.tsx b/src/v1/bookShelf/BookShelf.tsx
index 2294aaf5..75fc6c7f 100644
--- a/src/v1/bookShelf/BookShelf.tsx
+++ b/src/v1/bookShelf/BookShelf.tsx
@@ -51,9 +51,9 @@ type BooksProps = Pick<APIBookshelf, 'books'>;
 
 const Books = ({ books }: BooksProps) => {
   return (
-    <ul className="flex justify-between px-[0.5rem]">
+    <ul className="grid grid-cols-4 px-[0.5rem]">
       {books.map(book => (
-        <li key={book.bookId} className="flex">
+        <li key={book.bookId} className="flex justify-center">
           <Book {...book} />
         </li>
       ))}