diff --git a/.gitignore b/.gitignore
index 12ac647..b8c8768 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules/
-.DS_Store
\ No newline at end of file
+.DS_Store
+.idea/
\ No newline at end of file
diff --git a/client/src/pages/Dashboard/Dashboard.css b/client/src/pages/Dashboard/Dashboard.css
index 24504be..eabf95c 100644
--- a/client/src/pages/Dashboard/Dashboard.css
+++ b/client/src/pages/Dashboard/Dashboard.css
@@ -317,3 +317,8 @@
     height: 50px;
   }
 }
+
+.link {
+    color: #1db954;
+    text-decoration: none;
+}
\ No newline at end of file
diff --git a/client/src/pages/Dashboard/Dashboard.jsx b/client/src/pages/Dashboard/Dashboard.jsx
index fd37f2e..64ca356 100644
--- a/client/src/pages/Dashboard/Dashboard.jsx
+++ b/client/src/pages/Dashboard/Dashboard.jsx
@@ -79,7 +79,7 @@ const Dashboard = ({ accessToken, onLogout }) => {
       />
 
       <div className='item-info'>
-        <h3>{track.name}</h3>
+        <h3><a className="link" target="_blank" href={`https://open.spotify.com/track/${track.id}`}>{track.name}</a></h3>
         <p>{track.artists.map((artist) => artist.name).join(', ')}</p>
         <span className='album-name'>{track.album.name}</span>
       </div>