diff --git a/clients/web/src/components/elements/EraBadge/EraBadge.tsx b/clients/web/src/components/elements/EraBadge/EraBadge.tsx
index 37c4ebe4..d3caa1d0 100644
--- a/clients/web/src/components/elements/EraBadge/EraBadge.tsx
+++ b/clients/web/src/components/elements/EraBadge/EraBadge.tsx
@@ -5,14 +5,22 @@ import { formatEra, isModernEra } from "./eraUtils";
 export interface EraBadgeProps {
   /** The negotiated protocol era; `undefined` renders as Legacy. */
   era: ProtocolEra | undefined;
+  /**
+   * Font weight override. The app-wide `ThemeBadge` defaults to `fw: 600`,
+   * which is right where this badge is a standalone chip (ProtocolListPanel's
+   * header). Connection Info renders it as the *value* half of a label/value
+   * row, where the convention is bold label / normal value, so it passes 400.
+   * Left undefined the theme default applies (#2328).
+   */
+  fw?: number;
 }
 
 // Labels a connection's negotiated protocol era (SEP §7.8). Feed it from
 // connection state only — see the note in `eraUtils` on why the era must never
 // be inferred from individual message frames.
-export function EraBadge({ era }: EraBadgeProps) {
+export function EraBadge({ era, fw }: EraBadgeProps) {
   return (
-    <Badge variant="outline" color={isModernEra(era) ? "blue" : "gray"}>
+    <Badge variant="outline" color={isModernEra(era) ? "blue" : "gray"} fw={fw}>
       {formatEra(era)}
     </Badge>
   );
diff --git a/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.test.tsx b/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.test.tsx
index 1a525839..ba4fb132 100644
--- a/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.test.tsx
+++ b/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.test.tsx
@@ -590,8 +590,22 @@ describe("ConnectionInfoContent", () => {
     for (const label of ["Name", "Protocol", "Client ID", "Scopes"]) {
       expect(screen.getAllByText(label)[0]).toHaveStyle({ fontWeight: "600" });
     }
+    // `getByText`, not `queryByText` + `?? ""`: an absent value would make the
+    // optional form pass vacuously (undefined → "" → not "600"), so the test
+    // would go green on a row that had stopped rendering at all.
     for (const value of ["Everything Server", "read"]) {
-      expect(screen.queryByText(value)?.style.fontWeight ?? "").not.toBe("600");
+      expect(screen.getByText(value).style.fontWeight).not.toBe("600");
+    }
+
+    // Badge values count too. `ThemeBadge` defaults to `fw: 600`, so Status,
+    // Transport and Era read bold-label/bold-value unless overridden — the
+    // whole-modal claim is false without this.
+    for (const badge of ["streamable-http", "Legacy", "Authorized"]) {
+      // `getByText` lands on the Badge's inner label span; `fw` is applied to
+      // the root, so walk up to it or the assertion reads an empty string and
+      // passes against anything.
+      const root = screen.getByText(badge).closest('[class*="Badge-root"]');
+      expect((root as HTMLElement | null)?.style.fontWeight).toBe("400");
     }
   });
 
@@ -623,6 +637,45 @@ describe("ConnectionInfoContent", () => {
         backgroundColor: "transparent",
       });
     }
+
+    // The background alone does not pin the *layout*: swapping FullWidthField
+    // back for the two-column SimpleGrid would keep it transparent and still
+    // pass. Assert the structure that makes the value full width — label and
+    // value are siblings in a column, and neither sits in a SimpleGrid.
+    for (const [label, value] of [
+      [
+        "Client ID",
+        "http://127.0.0.1:8093/client-metadata.json?profile=long-enough-to-wrap",
+      ],
+      ["Auth URL", "https://auth.example.com/authorize"],
+    ]) {
+      const labelNode = screen.getByText(label);
+      const valueNode = screen.getByText(value);
+      expect(valueNode.parentElement).toBe(labelNode.parentElement);
+      expect(valueNode.closest('[class*="SimpleGrid"]')).toBeNull();
+    }
+  });
+
+  it("bolds the token captions, which are field labels in the same list", () => {
+    renderWithMantine(
+      <ConnectionInfoContent
+        initializeResult={fullResult}
+        clientCapabilities={fullClientCaps}
+        transport="streamable-http"
+        oauth={{
+          protocol: "standard",
+          authorized: true,
+          accessToken: "token-123",
+          idToken: "id-token-456",
+        }}
+      />,
+    );
+
+    // OAuthTokenField renders its own caption, so the weight convention has to
+    // be asserted through it — the other weight test renders no token at all.
+    for (const caption of ["Access Token", "ID Token"]) {
+      expect(screen.getByText(caption).style.fontWeight).toBe("600");
+    }
   });
 
   it("groups the full-width fields at the end, Client ID directly above Access Token", () => {
diff --git a/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.tsx b/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.tsx
index 447f1f79..1c04c951 100644
--- a/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.tsx
+++ b/clients/web/src/components/groups/ConnectionInfoContent/ConnectionInfoContent.tsx
@@ -92,6 +92,13 @@ const ValueText = Text.withProps({
   size: "sm",
 });
 
+// A badge standing in as the *value* half of a label/value row. The app-wide
+// `ThemeBadge` defaults to `fw: 600`, which is right for a standalone chip but
+// makes these rows read bold-label/bold-value — the one convention this modal
+// is not supposed to have. The chip still reads as a chip: its emphasis comes
+// from the outline and colour, not the font weight (#2328).
+const ValueBadge = Badge.withProps({ variant: "outline", fw: 400 });
+
 // Shown for Name/Version when the server didn't report `serverInfo` — an em dash
 // plus an explicit note so the client-side catalog fallback is never mistaken
 // for a value the server sent. Exported so tests/stories assert against it
@@ -331,10 +338,10 @@ export function ConnectionInfoContent({
           <ValueText>{protocolVersion || "—"}</ValueText>
 
           <FieldLabel>Transport</FieldLabel>
-          <Badge variant="outline">{transport}</Badge>
+          <ValueBadge>{transport}</ValueBadge>
 
           <FieldLabel>Era</FieldLabel>
-          <EraBadge era={protocolEra} />
+          <EraBadge era={protocolEra} fw={400} />
 
           <FieldLabel>Session</FieldLabel>
           <ValueText>{formatSession(protocolEra, transport)}</ValueText>
@@ -452,12 +459,9 @@ export function ConnectionInfoContent({
               <ValueText>{formatProtocol(oauth.protocol)}</ValueText>
 
               <FieldLabel>Status</FieldLabel>
-              <Badge
-                variant="outline"
-                color={oauth.authorized ? "green" : "gray"}
-              >
+              <ValueBadge color={oauth.authorized ? "green" : "gray"}>
                 {oauth.authorized ? "Authorized" : "Not authorized"}
-              </Badge>
+              </ValueBadge>
             </SimpleGrid>
             {oauth.clientRegistrationKind && (
               <SimpleGrid cols={2}>