Index: frontend/src/components/userProfile/ArtistView.tsx
===================================================================
--- frontend/src/components/userProfile/ArtistView.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/userProfile/ArtistView.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -3,5 +3,5 @@
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../../api/axiosInstance";
+import axiosInstance, { baseURL } from "../../api/axiosInstance";
 import type { ArtistContribution } from "../../utils/types";
 import SongItem from "../SongItem";
@@ -65,5 +65,7 @@
 								<div className="relative aspect-square rounded-lg mb-3 overflow-hidden shadow-md group-hover:shadow-xl transition-all duration-300 bg-[#181818]">
 									<img
-										src={album.cover || "/favicon.png"}
+										src={
+											album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"
+										}
 										alt={album.title}
 										className="w-full h-full object-cover"
Index: frontend/src/components/userProfile/ListenerView.tsx
===================================================================
--- frontend/src/components/userProfile/ListenerView.tsx	(revision 1579b4f9eaf503a14012d471db11e16e645306e3)
+++ frontend/src/components/userProfile/ListenerView.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -3,5 +3,5 @@
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../../api/axiosInstance";
+import axiosInstance, { baseURL } from "../../api/axiosInstance";
 import type { MusicalEntity, Playlist } from "../../utils/types";
 import SongItem from "../SongItem";
@@ -94,5 +94,9 @@
 								<div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
 									<img
-										src={playlist.cover || "/favicon.png"}
+										src={
+											playlist.cover
+												? `${baseURL}/${playlist.cover}`
+												: "/favicon.png"
+										}
 										alt={playlist.name}
 										className="w-full h-full object-cover"
@@ -147,5 +151,9 @@
 								<div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
 									<img
-										src={playlist.cover || "/favicon.png"}
+										src={
+											playlist.cover
+												? `${baseURL}/${playlist.cover}`
+												: "/favicon.png"
+										}
 										alt={playlist.name}
 										className="w-full h-full object-cover"
@@ -194,5 +202,7 @@
 									id: song.id,
 									title: song.title,
-									cover: song.cover,
+									cover: song.cover
+										? `${baseURL}/${song.cover}`
+										: "/favicon.png",
 									genre: song.genre,
 									link: (song as any).link,
@@ -227,5 +237,7 @@
 								<div className="relative aspect-square rounded-lg overflow-hidden bg-[#181818] mb-3 shadow-md group-hover:shadow-xl transition-all">
 									<img
-										src={album.cover || "/favicon.png"}
+										src={
+											album.cover ? `${baseURL}/${album.cover}` : "/favicon.png"
+										}
 										alt={album.title}
 										className="w-full h-full object-cover"
