diff --git a/.idea/dataSources.local.xml b/.idea/dataSources.local.xml
index c3868c4f..bb108c86 100644
--- a/.idea/dataSources.local.xml
+++ b/.idea/dataSources.local.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="WS-242.23726.96">
+  <component name="dataSourceStorageLocal" created-in="WS-243.21565.180">
     <data-source name="MySQL" uuid="788cafbf-6cb6-424e-a1bc-51d30fb43a11">
       <database-info product="MySQL" version="8.3.0" jdbc-version="4.2" driver-name="MySQL Connector/J" driver-version="mysql-connector-j-8.2.0 (Revision: 06a1f724497fd81c6a659131fda822c9e5085b6c)" dbms="MYSQL" exact-version="8.3.0" exact-driver-version="8.2">
         <extra-name-characters>#@</extra-name-characters>
diff --git a/MovieVerse-Frontend/js/favorites.js b/MovieVerse-Frontend/js/favorites.js
index 6e4206e5..133db635 100644
--- a/MovieVerse-Frontend/js/favorites.js
+++ b/MovieVerse-Frontend/js/favorites.js
@@ -1499,7 +1499,7 @@ async function displayFavoritesSection(titleText, items, displaySection) {
   if (items.length > 0) {
     const favoritesDiv = document.createElement('div');
     favoritesDiv.className = 'watchlist';
-    favoritesDiv.id = titleText.toLowerCase().replace(' ', '-');
+    favoritesDiv.id = titleText.toLowerCase().replace(/\s+/g, '-');
 
     const title = document.createElement('h3');
     title.textContent = titleText;
@@ -1509,8 +1509,10 @@ async function displayFavoritesSection(titleText, items, displaySection) {
       favoritesDiv.scrollIntoView({ behavior: 'smooth' });
     });
 
+    const titleTextNew = titleText === 'Favorite Movies' ? 'favorite movies' : 'favorite TV series';
+
     const description = document.createElement('p');
-    description.textContent = `A collection of your ${titleText.toLowerCase()}.`;
+    description.textContent = `A collection of your ${titleTextNew}.`;
     description.className = 'watchlist-description';
 
     favoritesDiv.appendChild(title);
@@ -1527,8 +1529,9 @@ async function displayFavoritesSection(titleText, items, displaySection) {
   } else {
     const favoritesDiv = document.createElement('div');
     favoritesDiv.className = 'watchlist';
-    favoritesDiv.id = titleText.toLowerCase().replace(' ', '-');
-    favoritesDiv.innerHTML = `<div style="text-align: center"><h3 style="text-align: center; font-size: 24px; color: #ff8623">${titleText}</h3><p style="text-align: center">No ${titleText.toLowerCase()} added yet.</p></div>`;
+    favoritesDiv.id = titleText.toLowerCase().replace(/\s+/g, '-');
+    const titleTextNew = titleText === 'Favorite Movies' ? 'favorite movies' : 'favorite TV series';
+    favoritesDiv.innerHTML = `<div style="text-align: center"><h3 style="text-align: center; font-size: 24px; color: #ff8623">${titleText}</h3><p style="text-align: center">No ${titleTextNew} added yet.</p></div>`;
     displaySection.appendChild(favoritesDiv);
   }
 }