diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 83228d92d..276f0a7cd 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -47,30 +47,9 @@ export const CardComponent = ({
           ></span>
           <span className="card-component-title-size">{flow.name}</span>
           {onDelete && (
-            <Dialog>
-              <DialogTrigger asChild>
-                <button
-                  className="card-component-delete-button"
-                  onClick={onDelete}
-                >
-                  <Trash2 className="card-component-delete-icon" />
-                </button>
-              </DialogTrigger>
-              <DialogContent>
-                <DialogHeader>
-                  <DialogTitle>Are you sure absolutely sure?</DialogTitle>
-                  <DialogDescription>
-                    This action cannot be undone. Are you sure you want to
-                    permanently delete this file from our servers?
-                  </DialogDescription>
-                </DialogHeader>
-                <DialogFooter>
-                  <Button type="submit" onClick={onDelete}>
-                    Confirm
-                  </Button>
-                </DialogFooter>
-              </DialogContent>
-            </Dialog>
+            <button className="card-component-delete-button" onClick={onDelete}>
+              <Trash2 className="card-component-delete-icon" />
+            </button>
           )}
         </CardTitle>
         <CardDescription className="card-component-desc">