diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index e80f40e18..7b6b00164 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -28,7 +28,11 @@ const AlbumDetails = ({ id, classes }) => {
   return (
     <Card className={classes.container}>
       <CardMedia
-        image={subsonicUrl('getCoverArt', data.coverArtId || 'not_found')}
+        image={subsonicUrl(
+          'getCoverArt',
+          data.coverArtId || 'not_found',
+          'size=500'
+        )}
         className={classes.albumCover}
       />
       <CardContent className={classes.albumDetails}>
diff --git a/ui/src/player/queue.js b/ui/src/player/queue.js
index f12f00bf2..ef9351ee2 100644
--- a/ui/src/player/queue.js
+++ b/ui/src/player/queue.js
@@ -10,7 +10,7 @@ const mapToAudioLists = (item) => ({
   id: item.id,
   name: item.title,
   singer: item.artist,
-  cover: subsonicUrl('getCoverArt', item.id),
+  cover: subsonicUrl('getCoverArt', item.id, 'size=300'),
   musicSrc: subsonicUrl('stream', item.id),
   scrobble: (submit) => subsonicUrl('scrobble', item.id, `submission=${submit}`)
 })