diff --git a/app/components/itemList.tsx b/app/components/itemList.tsx
index 14a8568..11aa187 100644
--- a/app/components/itemList.tsx
+++ b/app/components/itemList.tsx
@@ -9,14 +9,22 @@ export default function ItemList({ isFetching, blacklistItems, showDialog }: { i
             </div>
         )
     } else {
-        return (
-            <div className="list-container">
-                <div className="item-list">
-                    {blacklistItems.map((item) => {
-                        return <Button onClick={() => showDialog(item)} variant="text">{item.link}</Button>
-                    })}
+        if (blacklistItems.length > 0){
+            return (
+                <div className="list-container">
+                    <div className="item-list">
+                        {blacklistItems.map((item) => {
+                            return <Button onClick={() => showDialog(item)} variant="text">{item.link}</Button>
+                        })}
+                    </div>
                 </div>
-            </div>
-        )
+            )
+        } else {
+            return (
+                <div className="list-container">
+                    <p style={{color: '#E0E3E7'}}>List is empty</p>
+                </div>
+            )
+        }
     }
 }
\ No newline at end of file