diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx
index c58a8bdda..b3540e17a 100644
--- a/src/renderer/features/player/components/left-controls.tsx
+++ b/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"
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index 74d9ea27c..a7a8b1480 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/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 = () => {