improve visiblity of close button on expanded item

src/renderer/features/albums/components/expanded-album-list-item.module.css

@@ -43,6 +43,12 @@
     top: 0;
     right: 0;
     z-index: 10;
+    opacity: 0.3;
+    transition: opacity 0.3s ease-in-out;
+
+    &:hover {
+        opacity: 0.6;
+    }
 }
 
 .content {

src/renderer/features/albums/components/expanded-album-list-item.tsx

@@ -215,9 +215,7 @@ export const ExpandedAlbumListItem = ({ internalState, item }: ExpandedAlbumList
                                 </TextTitle>
                                 {internalState && (
                                     <ActionIcon
-                                        className={clsx(styles.closeButton, {
+                                        className={clsx(styles.closeButton)}
-                                            [styles.dark]: color.isDark,
-                                        })}
                                         icon="x"
                                         iconProps={{
                                             size: 'xl',
@@ -230,7 +228,7 @@ export const ExpandedAlbumListItem = ({ internalState, item }: ExpandedAlbumList
                                         }}
                                         radius="50%"
                                         size="sm"
-                                        variant="subtle"
+                                        variant="default"
                                     />
                                 )}
                             </div>