diff --git a/src/assets/styles/player.css b/src/assets/styles/player.css
index 397e27b..f683e49 100644
--- a/src/assets/styles/player.css
+++ b/src/assets/styles/player.css
@@ -103,6 +103,13 @@ body {
   padding-top: 4%;
 }
 
+.music-player__album {
+  font-weight: bold;
+  text-align: center;
+  font-size: 0.85rem;
+  padding-bottom: 5px;
+}
+
 /* Music bar and progress */
 /* .music-bar {
   background: #efefef;
diff --git a/src/components/AudioPlayer.jsx b/src/components/AudioPlayer.jsx
index 22c0c82..493723b 100644
--- a/src/components/AudioPlayer.jsx
+++ b/src/components/AudioPlayer.jsx
@@ -211,10 +211,11 @@ const progressColorClass =
       <div className="c-containter">
         <div className="music-container mt-8">
           <section className="album-cover">
+            <div class="music-player__album" title="Album">{trackAlbum}</div>  
             <img src={coverArt}
             className="cover"
             title={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"}
-            alt={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} />
+            alt={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} />          
           </section>
           <section className="music-player">
             <h1 className="music-player__header">serious.FM</h1>