diff --git a/src/sql/workbench/browser/modal/dialogHelper.ts b/src/sql/workbench/browser/modal/dialogHelper.ts
index 8812f1e420..9c5c05cabe 100644
--- a/src/sql/workbench/browser/modal/dialogHelper.ts
+++ b/src/sql/workbench/browser/modal/dialogHelper.ts
@@ -23,7 +23,6 @@ export function appendRow(container: HTMLElement, label: string, labelClass: str
labelContainer.style.display = 'flex';
if (title) {
- labelContainer.classList.add("codicon");
labelContainer.classList.add("info-icon");
labelContainer.title = titleMaxWidth ? wrapStringWithNewLine(title, titleMaxWidth) : title;
}
diff --git a/src/sql/workbench/services/connection/browser/media/connectionDialog.css b/src/sql/workbench/services/connection/browser/media/connectionDialog.css
index 46fba21083..95586a6249 100644
--- a/src/sql/workbench/services/connection/browser/media/connectionDialog.css
+++ b/src/sql/workbench/services/connection/browser/media/connectionDialog.css
@@ -121,6 +121,16 @@
float: left;
}
+.dialog-label-container.info-icon,
+.vs .dialog-label-container.info-icon {
+ background-image: url("info.svg");
+}
+
+.vs-dark .dialog-label-container.info-icon,
+.hc-black .dialog-label-container.info-icon {
+ background-image: url("info_inverse.svg");
+}
+
.hide-azure-accounts .azure-account-row {
display: none;
}
diff --git a/src/sql/workbench/services/connection/browser/media/info.svg b/src/sql/workbench/services/connection/browser/media/info.svg
new file mode 100644
index 0000000000..0e4f7c66b8
--- /dev/null
+++ b/src/sql/workbench/services/connection/browser/media/info.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/sql/workbench/services/connection/browser/media/info_inverse.svg b/src/sql/workbench/services/connection/browser/media/info_inverse.svg
new file mode 100644
index 0000000000..f32f61aa9c
--- /dev/null
+++ b/src/sql/workbench/services/connection/browser/media/info_inverse.svg
@@ -0,0 +1 @@
+
\ No newline at end of file