another tweak

css/main.scss

@@ -134,6 +134,7 @@ body {
                 display: flex;
                 align-items: flex-start;
                 max-height: 64px;
+                overflow: hidden;
                 img {
                     height: 100%;
                     margin: 0px 0px 0px 0px;
@@ -152,7 +153,11 @@ body {
                         padding: 0px 0px 0px 4px;                 
                     }
                 }
-                &:hover { background: hsl(0, 65%, 5%); }
+                &:hover { 
+                    background: hsl(0, 65%, 5%); 
+                    max-height: fit-content;
+                    height: 100%;
+                }
             }
         }
         

js/lastfm.js

@@ -30,7 +30,7 @@ const getTrack = async () => {
                     <img src="${json.track.image[1]['#text']}">
                     <div id="trackInfoText">
                         <h3 id="trackName">${json.track.name}</h3>
-                        <p id="artistName">${json.track.artist['#text']}</p>
+                        <p id="artistName">by ${json.track.artist['#text']}</p>
                     </div>
                 </div>
             </a>