From 638f389a77aef66cf3c896e6a121c2bc69b5ec78 Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Fri, 14 Aug 2026 17:01:26 -0700
Subject: [PATCH] fix(knowledge): remove caution triangle overlay from
 connector icon (#6717)

---
 .../connectors-section/connectors-section.tsx | 37 ++++++++-----------
 1 file changed, 16 insertions(+), 21 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
index 8db6e3e7c8..449e287a43 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
@@ -358,27 +358,22 @@ function ConnectorCard({
     >
       <div className='flex items-center justify-between gap-2 px-2 py-2'>
         <div className='flex min-w-0 items-center gap-2.5'>
-          <div className='relative size-9 flex-shrink-0'>
-            <div
-              className={cn(
-                'flex size-full items-center justify-center rounded-xl border',
-                brandBg
-                  ? 'border-[var(--border-1)]'
-                  : 'border-[var(--border-muted)] bg-[var(--surface-4)]'
-              )}
-              style={brandBg ? { background: brandBg } : undefined}
-            >
-              {Icon && (
-                <Icon
-                  className={cn(
-                    'size-5',
-                    brandBg ? getTileIconColorClass(brandBg) : 'text-[var(--text-icon)]'
-                  )}
-                />
-              )}
-            </div>
-            {connector.status === 'disabled' && (
-              <TriangleAlert className='-right-0.5 -top-0.5 absolute size-3 text-[var(--caution)]' />
+          <div
+            className={cn(
+              'flex size-9 flex-shrink-0 items-center justify-center rounded-xl border',
+              brandBg
+                ? 'border-[var(--border-1)]'
+                : 'border-[var(--border-muted)] bg-[var(--surface-4)]'
+            )}
+            style={brandBg ? { background: brandBg } : undefined}
+          >
+            {Icon && (
+              <Icon
+                className={cn(
+                  'size-5',
+                  brandBg ? getTileIconColorClass(brandBg) : 'text-[var(--text-icon)]'
+                )}
+              />
             )}
           </div>
           <div className='flex min-w-0 flex-col gap-0.5'>