Misc fixes

src/renderer/features/player/components/left-controls.tsx

@@ -127,6 +127,7 @@ export const LeftControls = () => {
         <MetadataStack layout>
           <LineItem>
             <Text
+              link
               component={Link}
               overflow="hidden"
               size="sm"
@@ -146,13 +147,10 @@ export const LeftControls = () => {
                   </Text>
                 )}{' '}
                 <Text
+                  link
                   component={Link}
                   overflow="hidden"
                   size="sm"
-                  sx={{
-                    '&:hover': { textDecoration: 'underline' },
-                    width: 'inherit',
-                  }}
                   to={
                     artist.id
                       ? generatePath(AppRoute.LIBRARY_ARTISTS_DETAIL, {
@@ -169,6 +167,7 @@ export const LeftControls = () => {
           </LineItem>
           <LineItem secondary>
             <Text
+              link
               component={Link}
               overflow="hidden"
               size="sm"

src/renderer/features/sidebar/components/sidebar.tsx

@@ -47,6 +47,7 @@ const SidebarImage = styled.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
+  background: var(--placeholder-bg);
 `;
 
 export const Sidebar = () => {