diff --git a/src/components/ui/book-cover.tsx b/src/components/ui/book-cover.tsx
index 33f5e4c..df5ddba 100644
--- a/src/components/ui/book-cover.tsx
+++ b/src/components/ui/book-cover.tsx
@@ -2,7 +2,7 @@
 
 import { CoverClient } from "./cover-client";
 import { ProgressBar } from "./progress-bar";
-import type { BookCoverProps} from "./cover-utils";
+import type { BookCoverProps } from "./cover-utils";
 import { getImageUrl } from "./cover-utils";
 import { ClientOfflineBookService } from "@/lib/services/client-offlinebook.service";
 import { MarkAsReadButton } from "./mark-as-read-button";
@@ -52,7 +52,7 @@ export function BookCover({
   alt = "Image de couverture",
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
   onSuccess,
   showControls = true,
diff --git a/src/components/ui/cover-client.tsx b/src/components/ui/cover-client.tsx
index f33126d..64d07dc 100644
--- a/src/components/ui/cover-client.tsx
+++ b/src/components/ui/cover-client.tsx
@@ -20,7 +20,7 @@ export const CoverClient = ({
   alt,
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   isCompleted = false,
 }: CoverClientProps) => {
   const [imageError, setImageError] = useState(false);
diff --git a/src/components/ui/series-cover.tsx b/src/components/ui/series-cover.tsx
index 1589db6..6544bd3 100644
--- a/src/components/ui/series-cover.tsx
+++ b/src/components/ui/series-cover.tsx
@@ -2,7 +2,7 @@
 
 import { CoverClient } from "./cover-client";
 import { ProgressBar } from "./progress-bar";
-import type { SeriesCoverProps} from "./cover-utils";
+import type { SeriesCoverProps } from "./cover-utils";
 import { getImageUrl } from "./cover-utils";
 
 export function SeriesCover({
@@ -10,7 +10,7 @@ export function SeriesCover({
   alt = "Image de couverture",
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
 }: SeriesCoverProps) {
   const imageUrl = getImageUrl("series", series.id);