diff --git a/css/styles.css b/css/styles.css
index 7c86c8b..fd5134f 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -78,6 +78,8 @@ a:hover { text-decoration: underline; }
 .user-avatar-text { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
 .user-info h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; }
 .user-company, .user-email { font-size: .9rem; color: #6b7280; margin: 0; }
+.user-location { font-size: .85rem; color: #6b7280; margin: 4px 0 0 0; }
+.user-description { font-size: .85rem; color: #4b5563; margin: 8px 0 0 0; max-height: 40px; overflow: hidden; text-overflow: ellipsis; }
 .user-actions { display: flex; gap: 12px; align-items: center; }
 .user-btn { padding: 8px 16px; font-size: .85rem; }
 .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; display: flex; align-items: center; justify-content: center; }
diff --git a/js/main.js b/js/main.js
index b8a29fa..b2a8b56 100644
--- a/js/main.js
+++ b/js/main.js
@@ -241,6 +241,8 @@ async function loadUsers() {
             <h4>${user.username || 'N/A'}</h4>
             <p class="user-company">${user.company || ''}</p>
             <p class="user-email">${user.email || ''}</p>
+            <p class="user-location">${user.location || ''}</p>
+            <p class="user-description">${user.Description || ''}</p>
           </div>
         `;
         usersContainer.appendChild(card);
@@ -265,7 +267,9 @@ function filterUsers(searchTerm) {
     const username = card.querySelector('h4')?.innerText?.toLowerCase() || '';
     const company = card.querySelector('.user-company')?.innerText?.toLowerCase() || '';
     const email = card.querySelector('.user-email')?.innerText?.toLowerCase() || '';
-    const displayText = username + ' ' + company + ' ' + email;
+    const location = card.querySelector('.user-location')?.innerText?.toLowerCase() || '';
+    const description = card.querySelector('.user-description')?.innerText?.toLowerCase() || '';
+    const displayText = username + ' ' + company + ' ' + email + ' ' + location + ' ' + description;
     card.style.display = displayText.includes(term) ? 'block' : 'none';
   });
 }