[Bug]: checkbox alignment (firefox only)

[mschro3der]

Reproduction

https://www.shadcn-vue.com/examples/tasks.html

Describe the bug

Selecting & deselecting the checkbox leads to a different positioning - within a table row (header & content alike).

Default state

Checked state (in firefox)

Checked state (in chrome)

In chrome the alignment seems to be correct.

Possible solution: Add class flex to CheckboxRoot (Or does this have possible negative effects on other browsers?)

(This does not seem to be noticeable otherwise, as a checkbox is usually used in combination with a label - but the problem does not exist here).

System Info

System:
    OS: Linux 6.8 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
    CPU: (8) x64 Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz
    Memory: 15.49 GB / 31.12 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.16.0 - ~/.nvm/versions/node/v20.16.0/bin/node
    npm: 10.8.3 - ~/.nvm/versions/node/v20.16.0/bin/npm
    pnpm: 9.15.0 - ~/.local/share/pnpm/pnpm
    bun: 1.1.24 - ~/.bun/bin/bun
  Browsers:
    Brave Browser: 131.1.73.104
    Chrome: 131.0.6778.204

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests