diff --git a/apps/readest-app/src/components/BookCover.tsx b/apps/readest-app/src/components/BookCover.tsx
index 25f101ec..b41243f9 100644
--- a/apps/readest-app/src/components/BookCover.tsx
+++ b/apps/readest-app/src/components/BookCover.tsx
@@ -72,7 +72,10 @@ const BookCover: React.FC<BookCoverProps> = memo<BookCoverProps>(
             <img
               src={book.metadata?.coverImageUrl || book.coverImageUrl!}
               alt={book.title}
-              className={clsx('cover-image crop-cover-img object-cover', imageClassName)}
+              className={clsx(
+                'cover-image crop-cover-img h-full w-full object-cover',
+                imageClassName,
+              )}
               onLoad={handleImageLoad}
               onError={handleImageError}
             />
diff --git a/packages/foliate-js b/packages/foliate-js
index 23215642..345b246c 160000
--- a/packages/foliate-js
+++ b/packages/foliate-js
@@ -1 +1 @@
-Subproject commit 232156429d40ad066c54e1a29c485dc8be04d8fe
+Subproject commit 345b246cba9bb822d44e7cff69f6dea6255a2c25