diff --git a/web/src/components/TagList.tsx b/web/src/components/TagList.tsx
index 1fc32c16..7f655d57 100644
--- a/web/src/components/TagList.tsx
+++ b/web/src/components/TagList.tsx
@@ -76,7 +76,7 @@ const TagList: React.FC<Props> = () => {
         {tags.map((t, idx) => (
           <TagItemContainer key={t.text + "-" + idx} tag={t} tagQuery={query?.tag} />
         ))}
-        <Only when={!userService.isVisitorMode() && tags.length < 5}>
+        <Only when={!userService.isVisitorMode() && tags.length === 0}>
           <p className="tip-text">{t("tag-list.tip-text")}</p>
         </Only>
       </div>
diff --git a/web/src/less/tag-list.less b/web/src/less/tag-list.less
index 58c9c7a7..998e076e 100644
--- a/web/src/less/tag-list.less
+++ b/web/src/less/tag-list.less
@@ -62,7 +62,7 @@
     }
 
     > .tip-text {
-      @apply w-full bg-white mt-2 pl-4 leading-8 rounded text-sm text-gray-400 font-mono;
+      @apply w-full bg-gray-50 mt-2 pl-4 leading-8 rounded text-sm text-gray-400 font-mono;
     }
   }
 }