diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index f15776669..5417f58ce 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -181,7 +181,7 @@ export default function CollectionCardComponent({
                 </div>
               )}
 
-              {onDelete && !data.metadata && (
+              {onDelete && data?.metadata === undefined && (
                 <DeleteConfirmationModal
                   onConfirm={() => {
                     onDelete();
@@ -236,7 +236,7 @@ export default function CollectionCardComponent({
             </div>
             {data.liked_by_count != undefined && (
               <div className="flex gap-0.5">
-                {onDelete && data.metadata ? (
+                {onDelete && data?.metadata !== undefined ? (
                   <ShadTooltip
                     content={
                       authorized ? "Delete" : "Please review your API key."