From d49be1f9cae5d2d82c039f204c7738beed2d0165 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 16 Feb 2025 15:50:28 +0100
Subject: [PATCH] ui: fix alert layout not centered after refactoring (#387)

---
 apps/readest-app/src/app/library/components/Bookshelf.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/readest-app/src/app/library/components/Bookshelf.tsx b/apps/readest-app/src/app/library/components/Bookshelf.tsx
index dfb66c03..aebfe7e8 100644
--- a/apps/readest-app/src/app/library/components/Bookshelf.tsx
+++ b/apps/readest-app/src/app/library/components/Bookshelf.tsx
@@ -249,7 +249,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
       {showDeleteAlert && (
         <div
           className={clsx(
-            'fixed bottom-0 z-50 flex justify-center',
+            'fixed bottom-0 left-0 right-0 z-50 flex justify-center',
             'pb-[calc(env(safe-area-inset-bottom)+16px)]',
           )}
         >