diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index f04e4b380..ffce4e7bd 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -200,11 +200,13 @@ const AlbumDetails = ({ record }) => {
               <SizeField record={record} source="size" />
             </Typography>
             {config.enableStarRating && (
-              <RatingField
-                record={record}
-                resource={'album'}
-                size={isDesktop ? 'medium' : 'small'}
-              />
+              <div>
+                <RatingField
+                  record={record}
+                  resource={'album'}
+                  size={isDesktop ? 'medium' : 'small'}
+                />
+              </div>
             )}
             {isDesktop && record['comment'] && <AlbumComment record={record} />}
           </CardContent>