diff --git a/ui/src/album/AlbumContextMenu.js b/ui/src/album/AlbumContextMenu.js
index 822c131e9..5f89dfc93 100644
--- a/ui/src/album/AlbumContextMenu.js
+++ b/ui/src/album/AlbumContextMenu.js
@@ -10,12 +10,12 @@ import { playAlbum, shuffleAlbum } from '../audioplayer'
 
 const useStyles = makeStyles({
   icon: {
-    color: 'white',
+    color: (props) => props.color,
   },
 })
 
-const AlbumContextMenu = ({ record }) => {
-  const classes = useStyles()
+const AlbumContextMenu = ({ record, color }) => {
+  const classes = useStyles({ color })
   const dataProvider = useDataProvider()
   const dispatch = useDispatch()
   const translate = useTranslate()
diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index b1407ba96..06687b19a 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -95,7 +95,9 @@ const LoadedAlbumGrid = ({ ids, data, basePath, width }) => {
                   </ArtistLinkField>
                 </div>
               }
-              actionIcon={<AlbumContextMenu record={data[id]} />}
+              actionIcon={
+                <AlbumContextMenu record={data[id]} color={'white'} />
+              }
             />
           </GridListTile>
         ))}