diff --git a/css/style.css b/css/style.css
index 0e7e722..d94911f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -514,7 +514,7 @@ a:hover {
     box-shadow: var(--shadow-cyber);
     overflow: hidden;
 }
-#toolsGrid p {
+.tools-grid p {
     color: var(--primary-text);
 }
 
diff --git a/js/search.js b/js/search.js
index 7a31387..a17b833 100644
--- a/js/search.js
+++ b/js/search.js
@@ -547,6 +547,21 @@ class AdvancedSearch {
 
         toolsGrid.innerHTML = toolCards;
 
+        // Manually trigger the animation for the new cards since they are dynamically added
+        const newToolCards = toolsGrid.querySelectorAll('.tool-card');
+        newToolCards.forEach(card => {
+            // A small delay to ensure the browser registers the elements before adding the class
+            setTimeout(() => {
+                card.classList.add('visible');
+            }, 10);
+        });
+
+        // Remove existing search header to prevent duplicates
+        const existingHeader = document.querySelector('.search-results-header');
+        if (existingHeader) {
+            existingHeader.remove();
+        }
+
         // Add search results header
         const searchHeader = `
             <div class="search-results-header">