diff --git a/themes/heo/components/TagGroups.js b/themes/heo/components/TagGroups.js
index a74a43b3..5087ad5f 100644
--- a/themes/heo/components/TagGroups.js
+++ b/themes/heo/components/TagGroups.js
@@ -9,10 +9,9 @@ import { useRouter } from 'next/router'
  * @constructor
  */
 const TagGroups = ({ tags, className }) => {
-  if (!tags) return <></>
-
   const router = useRouter()
   const { tag: currentTag } = router.query
+  if (!tags) return <></>
 
   return (
     <div id="tags-group" className="dark:border-gray-700 space-y-2">
@@ -31,11 +30,13 @@ const TagGroups = ({ tags, className }) => {
               flex items-center hover:bg-blue-600 dark:hover:bg-yellow-600 hover:scale-110 hover:text-white rounded-lg px-2 py-0.5 duration-150 transition-all`}
             >
               <div className="text-lg">{tag.name} </div>
-              {tag.count ? (
+              {tag.count
+                ? (
                 <sup className="relative ml-1">{tag.count}</sup>
-              ) : (
+                  )
+                : (
                 <></>
-              )}
+                  )}
             </div>
           </Link>
         )