Skip to content

Dashboard Values panel renders numeric values clipped above cards #2198

Description

@lamaranelson

Hi Logfire team — we ran into a small display issue with the Values dashboard panel.

The labels appear correctly inside each card, but the numbers sit on the top edge and are partly clipped, which makes them hard to read.

How to reproduce

  1. Create a custom dashboard panel.
  2. Select the Values visualization.
  3. Use a non-time-series query returning one row with several numeric columns:
SELECT
  823.39 AS total_cost_usd,
  773.26 AS gpu_cost_usd,
  50.13 AS token_cost_usd,
  168.0 AS replica_hours,
  4.60276 AS hourly_rate,
  4585 AS calls
LIMIT 1
  1. Set the panel to full width (24 grid columns) and height 5.
  2. View the dashboard in dark mode on a desktop.

Expected

Each number should appear clearly inside its card with its label.

Actual

The numbers appear as small text on the cards' upper border and are partly clipped.

Changing the same panel to Table renders the values correctly, so that is our current workaround.

Environment

  • Logfire US SaaS
  • Custom dashboard
  • Dark mode
  • Desktop viewport (approximately 1734 px wide)
  • Observed 2026-08-05

Thanks!

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions