[firefox] checkbox div has different height based on checked status

[alefminus]

Describe the bug

1. created a checkbox
2. checked it
3. saw different heights

Environment

{
  "marimo": "0.6.0",
  "OS": "Linux",
  "OS Version": "6.8.7-300.fc40.x86_64",
  "Processor": "",
  "Python Version": "3.12.3",
  "Binaries": {
    "Browser": "--",
    "Node": "v20.12.2"
  },
  "Requirements": {
    "click": "8.1.7",
    "importlib-resources": "missing",
    "jedi": "0.19.1",
    "markdown": "3.6",
    "pymdown-extensions": "10.8.1",
    "pygments": "2.18.0",
    "tomlkit": "0.12.5",
    "uvicorn": "0.29.0",
    "starlette": "0.37.2",
    "websocket": "missing",
    "typing-extensions": "4.11.0",
    "black": "24.4.2"
  }
}

Code to reproduce

import marimo as mo
mo.ui.checkbox()

See
Screencast from 2024-05-20 11-10-17.webm

[alefminus]

This is firefox specific (125.0.3 (64-bit) Fedora 40).

I do see a small change in chromium as well but the "output block" classed div does not change height. In summary height changes:

	Firefox 125.0.3	Chromium 125.0.6422.60 (Official Build, ungoogled-chromium) (64-bit)
unchecked	23.5	21.609
checked	21.6	21.609

[alefminus]

seems I accidentally closed this as completed, reopening