diff --git a/apps/desktop/src/components/connection/ConnectionDialog.vue b/apps/desktop/src/components/connection/ConnectionDialog.vue
index ffbfab8e26..bedc16cb4a 100644
--- a/apps/desktop/src/components/connection/ConnectionDialog.vue
+++ b/apps/desktop/src/components/connection/ConnectionDialog.vue
@@ -6964,9 +6964,12 @@ function openExternalUrl(url: string) {
-
- {{ t("connection.oidcBrowserAuthHint") }}
-
+
+
+
+ {{ t("connection.oidcBrowserAuthHint") }}
+
+
diff --git a/apps/desktop/src/lib/__tests__/connection/mongodbOidcConnectionDialog.spec.ts b/apps/desktop/src/lib/__tests__/connection/mongodbOidcConnectionDialog.spec.ts
new file mode 100644
index 0000000000..fc519656c1
--- /dev/null
+++ b/apps/desktop/src/lib/__tests__/connection/mongodbOidcConnectionDialog.spec.ts
@@ -0,0 +1,11 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, it } from "vitest";
+
+const dialogSource = readFileSync(new URL("../../../components/connection/ConnectionDialog.vue", import.meta.url), "utf8");
+
+describe("MongoDB OIDC connection form", () => {
+ it("keeps the browser authentication hint inside a complete form row", () => {
+ expect(dialogSource).toContain(`
`);
+ expect(dialogSource).not.toContain(`