Skip to content

fix: prevent computer permission checkboxes from stretching - #33

Open
Twil3akine wants to merge 1 commit into
CopilotKit:mainfrom
Twil3akine:fix/computer-permission-checkbox-layout
Open

Twil3akine wants to merge 1 commit into
CopilotKit:mainfrom
Twil3akine:fix/computer-permission-checkbox-layout

Conversation

@Twil3akine

@Twil3akine Twil3akine commented Oct 2, 2026 •

Copy link
Copy Markdown

Summary

Fixes the Computer permissions layout where checkbox labels are pushed out of view.

Cause

The global input style applies width: 100% to all inputs, including checkboxes.

Inside .computer-permissions, each label uses a flex layout, so the checkbox expands to the full row width and pushes the permission text outside the visible area.

Fix

Override the checkbox sizing inside .computer-permissions:

.computer-permissions input[type='checkbox'] {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  padding: 0;
}

Reproduction

  • Mode: self-hosted development
  • Node: v24.21.0
  • Open the Computer panel
  • Expand Computer settings
  • Expand Computer permissions

Before this change, the permission labels are pushed out of view.

Before / After

Before After
before after

Expected behavior

The checkbox and its label should both remain visible in the Computer permissions list.

Tested

Verified locally in Safari after reloading the Vite dev server.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant