diff --git a/src/renderer/features/artists/components/album-artist-detail-content.tsx b/src/renderer/features/artists/components/album-artist-detail-content.tsx
index 7dcec66c5..d44271bbf 100644
--- a/src/renderer/features/artists/components/album-artist-detail-content.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-content.tsx
@@ -175,7 +175,9 @@ const AlbumArtistMetadataBiography = ({
                     artist: artistName,
                 })}
             </TextTitle>
-            <Spoiler dangerouslySetInnerHTML={{ __html: sanitizedBiography }} />
+            <Spoiler maxHeight={50}>
+                <div dangerouslySetInnerHTML={{ __html: sanitizedBiography }}></div>
+            </Spoiler>
         </section>
     );
 };
diff --git a/src/renderer/features/item-details/components/item-details-modal.tsx b/src/renderer/features/item-details/components/item-details-modal.tsx
index 6eebffdcb..15db71561 100644
--- a/src/renderer/features/item-details/components/item-details-modal.tsx
+++ b/src/renderer/features/item-details/components/item-details-modal.tsx
@@ -228,10 +228,9 @@ const AlbumArtistPropertyMapping: ItemDetailRow<AlbumArtist>[] = [
         label: 'common.biography',
         render: (artist) =>
             artist.biography ? (
-                <Spoiler
-                    dangerouslySetInnerHTML={{ __html: sanitize(artist.biography) }}
-                    maxHeight={50}
-                />
+                <Spoiler maxHeight={50}>
+                    <div dangerouslySetInnerHTML={{ __html: sanitize(artist.biography) }} />
+                </Spoiler>
             ) : null,
     },
     { key: 'id', label: 'filter.id' },