diff --git a/ui/src/album/AlbumDetails.jsx b/ui/src/album/AlbumDetails.jsx
index cec66eb8b..b0de608f9 100644
--- a/ui/src/album/AlbumDetails.jsx
+++ b/ui/src/album/AlbumDetails.jsx
@@ -26,6 +26,7 @@ import {
   CollapsibleComment,
   DurationField,
   formatRange,
+  ImageUploadOverlay,
   LoveButton,
   RatingField,
   SizeField,
@@ -74,6 +75,7 @@ const useStyles = makeStyles(
         width: '15em',
         minWidth: '15em',
       },
+      position: 'relative',
       backgroundColor: 'transparent',
       display: 'flex',
       alignItems: 'center',
@@ -276,6 +278,11 @@ const AlbumDetails = (props) => {
               cursor: imageError ? 'default' : 'pointer',
             }}
           />
+          <ImageUploadOverlay
+            entityType="album"
+            entityId={record.id}
+            hasUploadedImage={!!record.uploadedImage}
+          />
         </div>
         <div className={classes.details}>
           <CardContent className={classes.content}>