#18993·kestra

[UI] Copy icon overlaps executionId text in Logs table

Author: YashKushalvardhanCreated Sep 3, 2026Updated Sep 17, 2026
Labelsarea/frontendgood first issue

Describe the issue

Describe the bug

On the Logs page, each log entry displays metadata fields including executionId. At 100% browser zoom, the copy-to-clipboard icon meant to appear next to the executionId value instead renders directly on top of the text, overlapping and obscuring part of the characters. The overlap goes away only when the browser is zoomed out — at 100% zoom (the default), the icon and text collide.

Steps to reproduce

  1. Set browser zoom to 100% (default)
  2. Go to the Logs page (any namespace/flow with execution logs)
  3. Locate a log entry row showing executionId: <value>
  4. Observe the copy icon overlapping the middle of the executionId text
  5. Zoom out the browser (e.g. to 90% or 80%)
  6. Observe the copy icon now renders correctly beside the text, without overlapping

Expected behavior

The copy icon should be positioned with proper spacing beside the executionId text at all standard zoom levels, including the default 100% zoom — not just when zoomed out.

Actual behavior

At 100% zoom, the copy icon renders on top of the executionId value, obscuring some characters. The layout only fixes itself once the browser is zoomed out, suggesting a CSS sizing/spacing issue that doesn't scale correctly at default zoom.

Environment

  • Kestra version: 1.3.35 (OSS)
  • Deployment: Docker Compose (local)
  • OS: Windows
  • Browser: Brave/Chrome(Laptop)
  • Browser zoom: Issue occurs at 100% (default); not present at reduced zoom levels

Screen recording

https://github.com/user-attachments/assets/42044700-c44d-4071-88b3-604af92f859b

Environment

  • Kestra Version: 1.3.35 (OSS)