diff --git a/front/src/components/cocktails/Cocktail.js b/front/src/components/cocktails/Cocktail.js
index 3adca70..ddfb922 100644
--- a/front/src/components/cocktails/Cocktail.js
+++ b/front/src/components/cocktails/Cocktail.js
@@ -63,7 +63,7 @@ export function Cocktail({row, handleFavourite, handleChangeRating, handleSelect
                         alt={row.name}
                         height="300"
 
-                        image={row.image.startsWith("/assets") ? row.image : (row.image + "/preview")}
+                        image={row.image.includes("thecocktaildb") ? (row.image + "/preview") : row.image}
                     />
                     {renderFavouriteBadge(handleFavourite, row)}
                     {renderRating(handleChangeRating, row)}
diff --git a/front/src/components/cocktails/CocktailInfoModal.js b/front/src/components/cocktails/CocktailInfoModal.js
index a830c43..0432b50 100644
--- a/front/src/components/cocktails/CocktailInfoModal.js
+++ b/front/src/components/cocktails/CocktailInfoModal.js
@@ -112,7 +112,7 @@ export function CocktailInfoModal({row}) {
             </DialogTitle>
             <DialogContent>
                 <CardMedia
-                    image={`${cocktail.image}/preview`}
+                    image={row.image.includes("thecocktaildb") ? (row.image + "/preview") : row.image}
                     sx={{
                         loading: "eager",
                         borderRadius: 2