diff --git a/src/vs/workbench/contrib/positronConnections/browser/positronConnections.css b/src/vs/workbench/contrib/positronConnections/browser/positronConnections.css
index f0856672ec9..9ba2bff26c2 100644
--- a/src/vs/workbench/contrib/positronConnections/browser/positronConnections.css
+++ b/src/vs/workbench/contrib/positronConnections/browser/positronConnections.css
@@ -75,6 +75,10 @@
 	padding-left: 5px;
 }
 
+.connections-icon.disabled {
+	opacity: 0.7;
+}
+
 .connections-item .expand-collapse-area {
 	width: 26px;
 	display: flex;
diff --git a/src/vs/workbench/contrib/positronConnections/browser/positronConnections.tsx b/src/vs/workbench/contrib/positronConnections/browser/positronConnections.tsx
index 7d3a5242ee4..7f54c752b12 100644
--- a/src/vs/workbench/contrib/positronConnections/browser/positronConnections.tsx
+++ b/src/vs/workbench/contrib/positronConnections/browser/positronConnections.tsx
@@ -248,7 +248,7 @@ const PositronConnectionsItem = (props: React.PropsWithChildren<PositronConnecti
 				}
 			</div>
 			<div
-				className={`connections-icon codicon codicon-${icon}`}
+				className={`connections-icon codicon codicon-${icon} ${props.item.preview ? '' : 'disabled'}`}
 				onClick={() => props.item.preview?.()}
 			>
 			</div>