diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index ea7022c0f..f30969671 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -240,6 +240,7 @@ export default function CollectionCardComponent({
 
                 {onDelete && data?.metadata === undefined && (
                   <button
+                    className="z-50"
                     onClick={(e) => {
                       e.stopPropagation();
                       setOpenDelete(true);