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 ad782174..227b97ba 100644
--- a/src/renderer/features/artists/components/album-artist-detail-content.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-content.tsx
@@ -357,7 +357,7 @@ export const AlbumArtistDetailContent = () => {
           </Group>
         </Group>
       </Box>
-      {showGenres && (
+      {showGenres ? (
         <Box component="section">
           <Group spacing="sm">
             {detailQuery?.data?.genres?.map((genre) => (
@@ -377,7 +377,7 @@ export const AlbumArtistDetailContent = () => {
             ))}
           </Group>
         </Box>
-      )}
+      ) : null}
       {showBiography ? (
         <Box
           component="section"
@@ -397,7 +397,7 @@ export const AlbumArtistDetailContent = () => {
           />
         </Box>
       ) : null}
-      {showTopSongs && (
+      {showTopSongs ? (
         <Box component="section">
           <Group
             noWrap
@@ -444,7 +444,7 @@ export const AlbumArtistDetailContent = () => {
             onRowDoubleClicked={handleRowDoubleClick}
           />
         </Box>
-      )}
+      ) : null}
       <Box component="section">
         <Stack spacing="xl">
           {carousels