diff --git a/src/components/blog/BlogCards/index.js b/src/components/blog/BlogCards/index.js
index 508631b39..dafeb54d1 100644
--- a/src/components/blog/BlogCards/index.js
+++ b/src/components/blog/BlogCards/index.js
@@ -9,7 +9,7 @@ export default function BlogCards({
   const [cardData, setCardData] = React.useState();
 
   const getPosts = async () => {
-    const data = await getBlogPosts(filterCallback);
+    const data = await getBlogPosts(filterCallback.join(','));
     console.log(data.topics)
     const resultset = []
     for (const topic of data.topics) {
diff --git a/src/pages/blog.js b/src/pages/blog.js
index 1fcb1df97..97923e382 100644
--- a/src/pages/blog.js
+++ b/src/pages/blog.js
@@ -10,14 +10,22 @@ import BlogCards from '../components/blog/BlogCards';
 import BlogSidebar from '../components/blog/BlogSidebar';
 
 export default function Blog() {
-  const [filteredProduct, setFilteredProduct] = React.useState();
+  const [filteredProduct, setFilteredProduct] = React.useState([]);
 
   const {siteConfig} = useDocusaurusContext();
 
   const handleClick = (data) => {
     console.log(data)
-    
-    setFilteredProduct(data)
+    var tempFilter = filteredProduct.slice()
+
+    const index = tempFilter.indexOf(data);
+    if (index !== -1) {
+      tempFilter.splice(index, 1);
+    } else {
+      tempFilter.push(data)
+    }
+
+    setFilteredProduct(tempFilter)
   };
   return (
     <Layout description="The SailPoint Developer Community has everything you need to build, extend, and automate scalable identity solutions.">