diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index 17e2a4343..3260360e2 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -63,10 +63,11 @@ const useStyles = makeStyles((theme) => ({
     },
   },
   cover: {
+    objectFit: 'contain',
     cursor: 'pointer',
     display: 'block',
     width: '100%',
-    height: 'auto',
+    height: '100%',
   },
   starButton: {
     top: theme.spacing(-0.2),
diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index 8476217b3..ff1d1c842 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -77,7 +77,7 @@ const useCoverStyles = makeStyles({
   cover: {
     display: 'inline-block',
     width: '100%',
-    'object-fit': 'contain',
+    objectFit: 'contain',
     height: (props) => props.height,
   },
 })