diff --git a/packages/driver.mssql/src/extension.ts b/packages/driver.mssql/src/extension.ts
index c74009b48..c8a323c87 100644
--- a/packages/driver.mssql/src/extension.ts
+++ b/packages/driver.mssql/src/extension.ts
@@ -47,6 +47,10 @@ export async function activate(extContext: ExtensionContext): Promise<IDriverExt
           propsToRemove.push('askForPassword');
         }
       }
+      if (connInfo.connectString) {
+        propsToRemove.push('port');
+        propsToRemove.push('askForPassword');
+      }
       propsToRemove.forEach(p => delete connInfo[p]);
 
       return connInfo;
diff --git a/packages/driver.mysql/src/extension.ts b/packages/driver.mysql/src/extension.ts
index 050fea9aa..6268ce1b8 100644
--- a/packages/driver.mysql/src/extension.ts
+++ b/packages/driver.mysql/src/extension.ts
@@ -59,6 +59,10 @@ export async function activate(extContext: vscode.ExtensionContext): Promise<IDr
           propsToRemove.push('askForPassword');
         }
       }
+      if (connInfo.connectString) {
+        propsToRemove.push('port');
+        propsToRemove.push('askForPassword');
+      }
       propsToRemove.forEach(p => delete connInfo[p]);
 
       return connInfo;
diff --git a/packages/driver.pg/src/extension.ts b/packages/driver.pg/src/extension.ts
index 881decea1..d6aff95ea 100644
--- a/packages/driver.pg/src/extension.ts
+++ b/packages/driver.pg/src/extension.ts
@@ -64,6 +64,10 @@ export async function activate(extContext: ExtensionContext): Promise<IDriverExt
           propsToRemove.push('askForPassword');
         }
       }
+      if (connInfo.connectString) {
+        propsToRemove.push('port');
+        propsToRemove.push('askForPassword');
+      }
       propsToRemove.forEach(p => delete connInfo[p]);
 
       connInfo.pgOptions = connInfo.pgOptions || {};
diff --git a/packages/plugins/connection-manager/webview/ui/components/Syntax/index.tsx b/packages/plugins/connection-manager/webview/ui/components/Syntax/index.tsx
index 4638b3674..0332398d8 100644
--- a/packages/plugins/connection-manager/webview/ui/components/Syntax/index.tsx
+++ b/packages/plugins/connection-manager/webview/ui/components/Syntax/index.tsx
@@ -74,10 +74,10 @@ const transformCode = (code: string, language: string) => {
 
   if (language === 'json' && typeof code === 'object') {
     return JSON.stringify(code, null, 2)
-      .replace(/( *)(".+") *:/g, '$1<span class="key">$2</span>:')
-      .replace(/: *(".+")/g, ': <span class="string">$1</span>')
-      .replace(/: *([0-9]+(\.[0-9]+)?)/g, ': <span class="number">$1</span>')
-      .replace(/: *(null|true|false)/g, ': <span class="bool">$1</span>');
+      .replace(/( *)(".+"):/g, '$1<span class="key">$2</span>:')
+      .replace(/: (".+")/g, ': <span class="string">$1</span>')
+      .replace(/: ([0-9]+(\.[0-9]+)?)/g, ': <span class="number">$1</span>')
+      .replace(/: (null|true|false)/g, ': <span class="bool">$1</span>');
   }
   return JSON.stringify(code);
 };
diff --git a/test/test-vscode-sqltools.code-workspace b/test/test-vscode-sqltools.code-workspace
index 9a2883f1f..36a8035bf 100644
--- a/test/test-vscode-sqltools.code-workspace
+++ b/test/test-vscode-sqltools.code-workspace
@@ -186,6 +186,16 @@
         "previewLimit": 50,
         "server": "localhost",
         "username": "sa"
+      },
+      {
+        "mysqlOptions": {
+          "authProtocol": "default"
+        },
+        "previewLimit": 50,
+        "server": "localhost",
+        "driver": "MySQL",
+        "name": "MySQL ConnectionString schema",
+        "connectString": "mysql://root:root@localhost:3307/test_db"
       }
     ],
     "sqltools.languageServerEnv": {