diff --git a/apps/frontend/public/assets/default-cover.jpg b/apps/frontend/public/assets/default-cover.jpg
new file mode 100755
index 0000000..14ae84c
Binary files /dev/null and b/apps/frontend/public/assets/default-cover.jpg differ
diff --git a/apps/frontend/src/app/components/art/art-detail.component.ts b/apps/frontend/src/app/components/art/art-detail.component.ts
index 66ab365..762fa09 100644
--- a/apps/frontend/src/app/components/art/art-detail.component.ts
+++ b/apps/frontend/src/app/components/art/art-detail.component.ts
@@ -46,11 +46,9 @@ import { Art, Comment, UpdateArtDto } from '@library/shared-types';
         </div>
       } @else if (art()) {
         <div class="art-detail-card">
-          @if (art()!.imageUrl) {
-            <div class="art-image-section">
-              <img [src]="art()!.imageUrl" [alt]="art()!.description || art()!.title" class="art-image-large">
-            </div>
-          }
+          <div class="art-image-section">
+            <img [src]="art()!.imageUrl || '/assets/default-cover.jpg'" [alt]="art()!.description || art()!.title" class="art-image-large">
+          </div>
 
           <div class="art-content">
             <div class="art-header">
diff --git a/apps/frontend/src/app/components/art/art-gallery.component.ts b/apps/frontend/src/app/components/art/art-gallery.component.ts
index 62b3d72..0ee9947 100644
--- a/apps/frontend/src/app/components/art/art-gallery.component.ts
+++ b/apps/frontend/src/app/components/art/art-gallery.component.ts
@@ -395,7 +395,7 @@ import { Art, CreateArtDto, UpdateArtDto, Comment, SuggestionEntity, Link } from
               <a [routerLink]="['/art', art.id]" class="card-link">
                 <div class="art-image-container">
                   <img
-                    [src]="art.imageUrl"
+                    [src]="art.imageUrl || '/assets/default-cover.jpg'"
                     [alt]="art.description || art.title"
                     class="art-image"
                   >
diff --git a/apps/frontend/src/app/components/books/book-detail.component.ts b/apps/frontend/src/app/components/books/book-detail.component.ts
index dfc7c74..1df7cc9 100644
--- a/apps/frontend/src/app/components/books/book-detail.component.ts
+++ b/apps/frontend/src/app/components/books/book-detail.component.ts
@@ -46,11 +46,9 @@ import { Book, Comment, BookStatus, UpdateBookDto } from '@library/shared-types'
         </div>
       } @else if (book()) {
         <div class="book-detail-card">
-          @if (book()!.coverImage) {
-            <div class="book-cover-section">
-              <img [src]="book()!.coverImage" [alt]="book()!.title" class="book-cover-large">
-            </div>
-          }
+          <div class="book-cover-section">
+            <img [src]="book()!.coverImage || '/assets/default-cover.jpg'" [alt]="book()!.title" class="book-cover-large">
+          </div>
 
           <div class="book-content">
             <div class="book-header">
diff --git a/apps/frontend/src/app/components/books/books-list.component.ts b/apps/frontend/src/app/components/books/books-list.component.ts
index 8574530..89111d6 100644
--- a/apps/frontend/src/app/components/books/books-list.component.ts
+++ b/apps/frontend/src/app/components/books/books-list.component.ts
@@ -643,11 +643,7 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment, SuggestionEnti
           @for (book of paginatedBooks(); track book.id) {
             <div class="book-card" [class.finished]="book.status === BookStatus.finished">
               <a [routerLink]="['/books', book.id]" class="card-link">
-                @if (book.coverImage) {
-                  <img [src]="book.coverImage" [alt]="book.title" class="book-cover">
-                } @else {
-                  <div class="book-cover placeholder">📚</div>
-                }
+                <img [src]="book.coverImage || '/assets/default-cover.jpg'" [alt]="book.title" class="book-cover">
 
                 <div class="book-info">
                   <h3>{{ book.title }}</h3>
diff --git a/apps/frontend/src/app/components/games/game-detail.component.ts b/apps/frontend/src/app/components/games/game-detail.component.ts
index 45325b8..040642c 100644
--- a/apps/frontend/src/app/components/games/game-detail.component.ts
+++ b/apps/frontend/src/app/components/games/game-detail.component.ts
@@ -37,11 +37,9 @@ import { Game, Comment, GameStatus, UpdateGameDto } from '@library/shared-types'
         </div>
       } @else if (game()) {
         <div class="game-detail-card">
-          @if (game()!.coverImage) {
-            <div class="game-cover-section">
-              <img [src]="game()!.coverImage" [alt]="game()!.title" class="game-cover-large">
-            </div>
-          }
+          <div class="game-cover-section">
+            <img [src]="game()!.coverImage || '/assets/default-cover.jpg'" [alt]="game()!.title" class="game-cover-large">
+          </div>
 
           <div class="game-content">
             <div class="game-header">
diff --git a/apps/frontend/src/app/components/games/games-list.component.ts b/apps/frontend/src/app/components/games/games-list.component.ts
index 988dfb2..8f97031 100644
--- a/apps/frontend/src/app/components/games/games-list.component.ts
+++ b/apps/frontend/src/app/components/games/games-list.component.ts
@@ -625,9 +625,7 @@ import { Game, GameStatus, CreateGameDto, UpdateGameDto, Comment, SuggestionEnti
           @for (game of paginatedGames(); track game.id) {
             <div class="game-card" [class.completed]="game.status === GameStatus.completed">
               <a [routerLink]="['/games', game.id]" class="card-link">
-                @if (game.coverImage) {
-                  <img [src]="game.coverImage" [alt]="game.title" class="game-cover">
-                }
+                <img [src]="game.coverImage || '/assets/default-cover.jpg'" [alt]="game.title" class="game-cover">
 
                 <div class="game-info">
                   <h3>{{ game.title }}</h3>
diff --git a/apps/frontend/src/app/components/manga/manga-detail.component.ts b/apps/frontend/src/app/components/manga/manga-detail.component.ts
index c063d64..3681533 100644
--- a/apps/frontend/src/app/components/manga/manga-detail.component.ts
+++ b/apps/frontend/src/app/components/manga/manga-detail.component.ts
@@ -46,11 +46,9 @@ import { Manga, Comment, MangaStatus, UpdateMangaDto } from '@library/shared-typ
         </div>
       } @else if (manga()) {
         <div class="manga-detail-card">
-          @if (manga()!.coverImage) {
-            <div class="manga-cover-section">
-              <img [src]="manga()!.coverImage" [alt]="manga()!.title" class="manga-cover-large">
-            </div>
-          }
+          <div class="manga-cover-section">
+            <img [src]="manga()!.coverImage || '/assets/default-cover.jpg'" [alt]="manga()!.title" class="manga-cover-large">
+          </div>
 
           <div class="manga-content">
             <div class="manga-header">
diff --git a/apps/frontend/src/app/components/manga/manga-list.component.ts b/apps/frontend/src/app/components/manga/manga-list.component.ts
index 65565c7..68f2c7f 100644
--- a/apps/frontend/src/app/components/manga/manga-list.component.ts
+++ b/apps/frontend/src/app/components/manga/manga-list.component.ts
@@ -562,9 +562,7 @@ import { Manga, MangaStatus, CreateMangaDto, UpdateMangaDto, Comment, Suggestion
           @for (manga of paginatedManga(); track manga.id) {
             <div class="manga-card" [class.completed]="manga.status === MangaStatus.completed">
               <a [routerLink]="['/manga', manga.id]" class="card-link">
-                @if (manga.coverImage) {
-                  <img [src]="manga.coverImage" [alt]="manga.title" class="manga-cover">
-                }
+                <img [src]="manga.coverImage || '/assets/default-cover.jpg'" [alt]="manga.title" class="manga-cover">
 
                 <div class="manga-info">
                   <h3>{{ manga.title }}</h3>
diff --git a/apps/frontend/src/app/components/music/music-detail.component.ts b/apps/frontend/src/app/components/music/music-detail.component.ts
index e6d41de..9c55864 100644
--- a/apps/frontend/src/app/components/music/music-detail.component.ts
+++ b/apps/frontend/src/app/components/music/music-detail.component.ts
@@ -46,11 +46,9 @@ import { Music, Comment, MusicStatus, MusicType, UpdateMusicDto } from '@library
         </div>
       } @else if (music()) {
         <div class="music-detail-card">
-          @if (music()!.coverArt) {
-            <div class="music-cover-section">
-              <img [src]="music()!.coverArt" [alt]="music()!.title" class="music-cover-large">
-            </div>
-          }
+          <div class="music-cover-section">
+            <img [src]="music()!.coverArt || '/assets/default-cover.jpg'" [alt]="music()!.title" class="music-cover-large">
+          </div>
 
           <div class="music-content">
             <div class="music-header">
diff --git a/apps/frontend/src/app/components/music/music-list.component.ts b/apps/frontend/src/app/components/music/music-list.component.ts
index 4b84c2d..4b56693 100644
--- a/apps/frontend/src/app/components/music/music-list.component.ts
+++ b/apps/frontend/src/app/components/music/music-list.component.ts
@@ -624,17 +624,7 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment,
           @for (music of paginatedMusic(); track music.id) {
             <div class="music-card" [class.completed]="music.status === MusicStatus.completed">
               <a [routerLink]="['/music', music.id]" class="card-link">
-                @if (music.coverArt) {
-                  <img [src]="music.coverArt" [alt]="music.title" class="music-cover">
-                } @else {
-                  <div class="music-cover placeholder">
-                    @switch (music.type) {
-                      @case (MusicType.album) { 💿 }
-                      @case (MusicType.single) { 🎵 }
-                      @case (MusicType.ep) { 🎶 }
-                    }
-                  </div>
-                }
+                <img [src]="music.coverArt || '/assets/default-cover.jpg'" [alt]="music.title" class="music-cover">
 
                 <div class="music-info">
                   <h3>{{ music.title }}</h3>
diff --git a/apps/frontend/src/app/components/shows/show-detail.component.ts b/apps/frontend/src/app/components/shows/show-detail.component.ts
index 51727cf..d6530b7 100644
--- a/apps/frontend/src/app/components/shows/show-detail.component.ts
+++ b/apps/frontend/src/app/components/shows/show-detail.component.ts
@@ -46,11 +46,9 @@ import { Show, Comment, ShowStatus, ShowType, UpdateShowDto } from '@library/sha
         </div>
       } @else if (show()) {
         <div class="show-detail-card">
-          @if (show()!.coverImage) {
-            <div class="show-poster-section">
-              <img [src]="show()!.coverImage" [alt]="show()!.title" class="show-poster-large">
-            </div>
-          }
+          <div class="show-poster-section">
+            <img [src]="show()!.coverImage || '/assets/default-cover.jpg'" [alt]="show()!.title" class="show-poster-large">
+          </div>
 
           <div class="show-content">
             <div class="show-header">
diff --git a/apps/frontend/src/app/components/shows/shows-list.component.ts b/apps/frontend/src/app/components/shows/shows-list.component.ts
index 14ae090..361a28a 100644
--- a/apps/frontend/src/app/components/shows/shows-list.component.ts
+++ b/apps/frontend/src/app/components/shows/shows-list.component.ts
@@ -556,9 +556,7 @@ import { Show, ShowStatus, ShowType, CreateShowDto, UpdateShowDto, Comment, Sugg
           @for (show of paginatedShows(); track show.id) {
             <div class="show-card" [class.completed]="show.status === ShowStatus.completed">
               <a [routerLink]="['/shows', show.id]" class="card-link">
-                @if (show.coverImage) {
-                  <img [src]="show.coverImage" [alt]="show.title" class="show-cover">
-                }
+                <img [src]="show.coverImage || '/assets/default-cover.jpg'" [alt]="show.title" class="show-cover">
 
                 <div class="show-info">
                   <h3>{{ show.title }}</h3>