fix styling

jam-ui/src/assets/scss/custom/_landing.scss

@@ -93,13 +93,17 @@
     }
   }
 
+  .jamtrack-listing-header {
+    margin:0;
+    font-size:1rem;
+  }
 
   .jamtrack-listing-item {
     margin-bottom: 0rem;
   }
 
   .jamtrack-listing-container {
-    margin: 2rem 0 2.5rem 0;
+    margin: .2rem 0 2.5rem 0;
     max-height:8.5rem;
     overflow: auto;
     border-style: solid;

jam-ui/src/components/jamtracks/JKJamTracksArtistLandingBody.js

@@ -211,8 +211,8 @@ const ArtistBodyComponent = ({
         </div>
     }
 
-    const ScrollableHintText = () => {
-        return isOverflowing ? <strong className="bold" style={{whiteSpace:"nowrap"}}>(scrollable list)</strong> : "";
+    const JamtrackListingHeader = () => {
+        return jamTracks == null ? ""  : <h3 className="jamtrack-listing-header">{jamTracks.length} Song{jamTracks.length == 1 ? "" : "s"} by This Artist</h3>;
     }
 
     return (
@@ -234,9 +234,10 @@ band, to slow down playback for practice while building up your speed, to change
 up or down, and to record yourself in high-quality audio and video playing or singing with
 the track to share with family and friends.</p>
 <p>
-Click any of the backing track links below {ScrollableHintText()} to get previews of specific songs you’re
+Click any of the backing track links below to get previews of specific songs you’re
 interested in, or scroll down to learn more.
                                         </p>
+                                        {JamtrackListingHeader()}
                                         <div className="jamtrack-listing-container" ref={jamtrackListingRef}>
                                             <JamTrackListing />
                                         </div>