diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index fe752d62..5785168e 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -32,7 +32,7 @@ const BlogPostCard = ({ post, tags }) => {
             <a className='font-light hover:underline cursor-pointer text-sm leading-4 mr-3'>{post.date.start_date}</a>
           </Link>
           </div>
-          <div className='md:flex-nowrap flex-wrap md:justify-start hidden md:inline-block'>
+          <div className='md:flex-nowrap flex-wrap md:justify-start inline-block'>
             <div> {post.tagItems.map(tag => (<TagItemMini key={tag.name} tag={tag} />))}</div>
           </div>
         </div>
diff --git a/components/TagItemMini.js b/components/TagItemMini.js
index fb6ced3f..2e79e403 100644
--- a/components/TagItemMini.js
+++ b/components/TagItemMini.js
@@ -8,8 +8,8 @@ const TagItemMini = ({ tag, selected = false }) => {
       mr-2 py-0.5 px-1 text-xs whitespace-nowrap dark:hover:text-white
        ${selected
       ? 'text-white dark:text-gray-300 bg-black dark:bg-black dark:hover:bg-gray-900'
-      : `text-gray-600 hover:shadow-xl dark:border-gray-400 notion-${tag.color}_background dark:bg-gray-600 dark:text-gray-300 `}` }>
-    <div className='font-light'>{selected && <FontAwesomeIcon icon={faTag} className='mr-1'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
+      : `text-gray-600 hover:shadow-xl dark:border-gray-400 notion-${tag.color}_background dark:bg-gray-900`}` }>
+    <div className='font-light dark:text-gray-400'>{selected && <FontAwesomeIcon icon={faTag} className='mr-1'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
     </a>
   </Link>
 }