diff --git a/components/trends/components/trends.tsx b/components/trends/components/trends.tsx
index 2d1eb6d2fa78da22239916ba36f01593b90954b2..2fef530fb34ffd2e4156ec85815dddd9b1e08883 100644
--- a/components/trends/components/trends.tsx
+++ b/components/trends/components/trends.tsx
@@ -10,8 +10,6 @@ import { Trend } from "./trend"
 export const Trends = ({ title = "Trends" }: { title?: string }) => {
     const { data: hashtags, isLoading, isError, isSuccess } = useHashtags()
 
-    if (hashtags && hashtags?.length <= 0) return null
-
     return (
         <div className="space-y-5 flex flex-col">
             {title && <h1 className="font-bold p-1">{title}</h1>}
@@ -19,6 +17,10 @@ export const Trends = ({ title = "Trends" }: { title?: string }) => {
                 <LoadingItem />
             ) : isError ? (
                 <TryAgain />
+            ) : hashtags?.length <= 0 ? (
+                <Card className="p-1">
+                    <h1 className="text-center">No trends yet</h1>
+                </Card>
             ) : isSuccess &&
             hashtags?.map((hashtag, index) => {
                 return (