What happened
In Settings → Permissions and capabilities, expanding the Computer Use capability shows metadata labels and their values on different horizontal text lines.
For example, in the first row, “Feature toggle” / “Enabled” and “Configuration” / “Configured” share a CSS grid row, but the labels sit lower than their values. The effect is especially visible in Chinese as “功能开关 / 已开启” and “配置 / 已填写”.
Expected: every label/value pair shares the same text baseline and uses the same body text size, so each pair reads as one horizontal row. Labels may remain medium-weight and secondary-colored while values remain regular-weight and primary-colored.
How to reproduce
- Open Settings → Permissions and capabilities.
- Expand the Computer Use capability row.
- Compare the vertical text position and font size of “Configuration” and “Configured” (or “配置” and “已填写”).
- Notice that the label and value do not sit on the same horizontal line and that the value is rendered smaller.
Environment
- Maka commit:
c59f11db9
- OS: macOS 15.7.3
- Surface: Desktop / Settings → Permissions and capabilities
- Node.js: v24.14.0
Additional context
Astryx applies align-items: baseline to its single-column MetadataList grid, but the multi-column style omits it. When a value makes the grid row taller, the flex-based <dt> centers vertically while the <dd> content remains at the top, producing the visible baseline mismatch. The list component gives both sides the body text size, but this call site additionally set the primary value to size="sm", reducing it from 14px to 12px.
This issue description was prepared with substantive assistance from OpenAI Codex.
What happened
In Settings → Permissions and capabilities, expanding the Computer Use capability shows metadata labels and their values on different horizontal text lines.
For example, in the first row, “Feature toggle” / “Enabled” and “Configuration” / “Configured” share a CSS grid row, but the labels sit lower than their values. The effect is especially visible in Chinese as “功能开关 / 已开启” and “配置 / 已填写”.
Expected: every label/value pair shares the same text baseline and uses the same body text size, so each pair reads as one horizontal row. Labels may remain medium-weight and secondary-colored while values remain regular-weight and primary-colored.
How to reproduce
Environment
c59f11db9Additional context
Astryx applies
align-items: baselineto its single-columnMetadataListgrid, but the multi-column style omits it. When a value makes the grid row taller, the flex-based<dt>centers vertically while the<dd>content remains at the top, producing the visible baseline mismatch. The list component gives both sides the body text size, but this call site additionally set the primary value tosize="sm", reducing it from 14px to 12px.This issue description was prepared with substantive assistance from OpenAI Codex.