diff --git a/web/app/components/plugins/card/index.tsx b/web/app/components/plugins/card/index.tsx
index 823d9dd025..75ff9236a9 100644
--- a/web/app/components/plugins/card/index.tsx
+++ b/web/app/components/plugins/card/index.tsx
@@ -16,6 +16,7 @@ type Props = {
   locale: Locale // The component is used in both client and server side, so we can't get the locale from both side(getLocaleOnServer and useContext)
   titleLeft?: React.ReactNode
   installed?: boolean
+  hideCornerMark?: boolean
   descriptionLineRows?: number
   footer?: React.ReactNode
   serverLocale?: Locale
@@ -28,6 +29,7 @@ const Card = ({
   payload,
   titleLeft,
   installed,
+  hideCornerMark,
   descriptionLineRows = 2,
   footer,
   locale,
@@ -45,7 +47,7 @@ const Card = ({
 
   return (
     <div className={cn('relative p-4 pb-3 border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg hover-bg-components-panel-on-panel-item-bg rounded-xl shadow-xs', className)}>
-      {!isLoading && <CornerMark text={type} />}
+      {!hideCornerMark && !isLoading && <CornerMark text={type} />}
       {/* Header */}
       <div className="flex">
         {isLoading