diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-firefox-linux.png
index 0e4011d5a2..0d57d7b029 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-webkit-linux.png
index 8e931139c7..a340bb17a5 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFilterTag/Filter-tag-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-chrome-linux.png
index 0f2136fa63..422387fa23 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-firefox-linux.png
index bf28ad326b..8cd6e62788 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--chrome-linux.png
index 493d7a52c1..867a2eb53d 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--firefox-linux.png
index 5e8f39bb8e..986fb29444 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--webkit-linux.png
index a8a81ffff6..2a20a3259c 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--chrome-linux.png
index 68f86ebd89..bb23662a4d 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--firefox-linux.png
index 272d69e887..526e7fdf8e 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--webkit-linux.png
index 881c74d972..bdba74f70e 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-toggle-pressed--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-webkit-linux.png
index 56cc6f7b54..648bc6e604 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxFormElementAction/Form-element-action-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-chrome-linux.png
index 6349eefe6e..b940860f97 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-firefox-linux.png
index 15bad147cd..d0bef82af5 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-webkit-linux.png
index a130de4e86..aa45ea1491 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInfoTooltip/Info-Tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--chrome-linux.png
index c663e3dc62..bc200a8222 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--firefox-linux.png
index ff9d1b0839..c68fc31ec4 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--webkit-linux.png
index b4c6768ab1..150f5d3ada 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-labelTooltip-messageTooltip--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--chrome-linux.png
index 00245bb2ca..0167c2309e 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--firefox-linux.png
index 621219d42f..f448fdfe06 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--webkit-linux.png
index 208eb5b15c..b424f268a4 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-message-replacement-on-invalid--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-chrome-linux.png
index 0dec617ddb..fb643897f4 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-firefox-linux.png
index 81a330f146..25508b25f8 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-webkit-linux.png
index af6f5c2c5b..5a64c19bab 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-required-optional-with-label-tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--chrome-linux.png
index c50599b67e..971fe137d2 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--firefox-linux.png
index 9744bec631..388b5f250a 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--webkit-linux.png
index 111545c4a0..9372eb5bdb 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxInput/Input-success--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--chrome-linux.png
index 03a4dedf7c..b8f926172f 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--firefox-linux.png
index 8c43ddcc56..9bdaf1ecc6 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--webkit-linux.png
index 675881082d..1978e5c228 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSelect/Select-message-replacement-on-invalid--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--chrome-linux.png
index 56e8b3b275..b8c157f5f9 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--firefox-linux.png
index 4d917a9bab..5ad770b1ea 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--webkit-linux.png
index 1e3966f8fd..70f186a6cd 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSelectInput/SelectInput-multiple--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-marks--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-marks--firefox-linux.png
index c66317aac4..5779055692 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-marks--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-marks--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--chrome-linux.png
index 131d071105..49a4a88c93 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--firefox-linux.png
index dca77607af..64d9dcdf92 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--webkit-linux.png
index 11e75b6b8b..15540d5528 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-range--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-single--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-single--firefox-linux.png
index 111fea220f..39c3ea33a3 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-single--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxSlider/Slider-single--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--chrome-linux.png
index 9a2f4b304c..e1d8e6b47f 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--firefox-linux.png
index 00ab5dcb20..95b36fec3e 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--webkit-linux.png
index 69c24d8225..1a9ec8a706 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-labelTooltip-messageTooltip--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--chrome-linux.png
index 99081e98b1..9c97a30ef2 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--firefox-linux.png
index 93fede249b..c0afd15e2b 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--webkit-linux.png
index 0aa1397a6c..f76c4a8b7f 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-message-replacement-on-invalid--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-chrome-linux.png
index 839b5dbdbf..c5f8b85ebf 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-firefox-linux.png
index d7dcbfd9e8..63e5e04285 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-webkit-linux.png
index 916dcdc478..65e4030d3c 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxStepper/Stepper-required-optional-with-label-tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--chrome-linux.png
index 8b99863a88..eb442e0238 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--firefox-linux.png
index 96288be9fd..8650aaba5a 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--webkit-linux.png
index 538e46dfab..f5918065f3 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-labelTooltip-messageTooltip--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-chrome-linux.png
index 645458fb85..a469c9748c 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-firefox-linux.png
index dbeb8f2d30..1dd0f1483c 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-webkit-linux.png
index ca5b92b4b0..fc25cbb452 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-required-optional-with-label-tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--chrome-linux.png
index e73d82a510..ed71f42c58 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--firefox-linux.png
index d57dfe818f..456964d047 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--webkit-linux.png
index 168638180b..f50054acfa 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTextarea/Textarea-success--webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-chrome-linux.png
index 52b604e08e..eec4def751 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-firefox-linux.png
index 52ed6e29d2..6a0f1fb24b 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-webkit-linux.png
index d48d497f7c..29192ca2f7 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Aligned-tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-chrome-linux.png
index a39f3911f6..b6249bdeb8 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-firefox-linux.png
index e20abeb60d..60bda65461 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-webkit-linux.png
index 1075c9e9b6..8d5e12b133 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Positioned-Tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-chrome-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-chrome-linux.png
index fca1943a61..fc67171aaf 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-chrome-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-chrome-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-firefox-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-firefox-linux.png
index 9b4e4e6a18..e1a5446e3c 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-firefox-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-firefox-linux.png differ
diff --git a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-webkit-linux.png b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-webkit-linux.png
index f3f975f4d8..51f9805fb6 100644
Binary files a/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-webkit-linux.png and b/packages/sit-onyx/playwright/snapshots/components/OnyxTooltip/Tooltip-webkit-linux.png differ
diff --git a/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue b/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue
index c081a8a2e6..7b2d880af8 100644
--- a/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue
+++ b/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue
@@ -75,49 +75,52 @@ useAutofocus(input, props);
   </div>
 
   <OnyxErrorTooltip v-else :disabled="disabled" :error-messages="errorMessages" v-bind="rootAttrs">
-    <label
-      class="onyx-component onyx-checkbox"
-      :class="[requiredTypeClass, densityClass]"
-      :title="title"
-    >
-      <div class="onyx-checkbox__container">
-        <OnyxLoadingIndicator v-if="props.loading" class="onyx-checkbox__loading" type="circle" />
-        <input
-          v-else
-          ref="input"
-          v-model="isChecked"
-          v-custom-validity
-          :aria-label="props.hideLabel ? props.label : undefined"
-          class="onyx-checkbox__input"
-          type="checkbox"
-          :indeterminate="props.indeterminate"
-          :disabled="disabled"
-          :required="props.required"
-          :value="props.value"
-          :autofocus="props.autofocus"
-          v-bind="restAttrs"
-        />
-      </div>
-
-      <template v-if="!props.hideLabel">
-        <p
-          class="onyx-checkbox__label"
-          :class="[
-            `onyx-truncation-${props.truncation}`,
-            // shows the required marker inline for multiline labels
-            props.truncation === 'multiline' ? requiredMarkerClass : undefined,
-          ]"
-        >
-          {{ props.label }}
-        </p>
-        <!-- shows the required marker fixed on the right for truncated labels -->
-        <div
-          v-if="props.truncation === 'ellipsis'"
-          class="onyx-checkbox__marker"
-          :class="[requiredMarkerClass]"
-        ></div>
-      </template>
-    </label>
+    <template #default="{ trigger }">
+      <label
+        class="onyx-component onyx-checkbox"
+        :class="[requiredTypeClass, densityClass]"
+        :title="title"
+        v-bind="trigger"
+      >
+        <div class="onyx-checkbox__container">
+          <OnyxLoadingIndicator v-if="props.loading" class="onyx-checkbox__loading" type="circle" />
+          <input
+            v-else
+            ref="input"
+            v-model="isChecked"
+            v-custom-validity
+            :aria-label="props.hideLabel ? props.label : undefined"
+            class="onyx-checkbox__input"
+            type="checkbox"
+            :indeterminate="props.indeterminate"
+            :disabled="disabled"
+            :required="props.required"
+            :value="props.value"
+            :autofocus="props.autofocus"
+            v-bind="restAttrs"
+          />
+        </div>
+
+        <template v-if="!props.hideLabel">
+          <p
+            class="onyx-checkbox__label"
+            :class="[
+              `onyx-truncation-${props.truncation}`,
+              // shows the required marker inline for multiline labels
+              props.truncation === 'multiline' ? requiredMarkerClass : undefined,
+            ]"
+          >
+            {{ props.label }}
+          </p>
+          <!-- shows the required marker fixed on the right for truncated labels -->
+          <div
+            v-if="props.truncation === 'ellipsis'"
+            class="onyx-checkbox__marker"
+            :class="[requiredMarkerClass]"
+          ></div>
+        </template>
+      </label>
+    </template>
   </OnyxErrorTooltip>
 </template>
 
diff --git a/packages/sit-onyx/src/components/OnyxDataGrid/features/dataGridActions/DataGridActionButton.vue b/packages/sit-onyx/src/components/OnyxDataGrid/features/dataGridActions/DataGridActionButton.vue
index a7f7448bfa..24d2c050b8 100644
--- a/packages/sit-onyx/src/components/OnyxDataGrid/features/dataGridActions/DataGridActionButton.vue
+++ b/packages/sit-onyx/src/components/OnyxDataGrid/features/dataGridActions/DataGridActionButton.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useMoreListChild } from "../../../../composables/useMoreList.js";
+import type { VueTemplateRefElement } from "../../../../composables/useResizeObserver.js";
 import { mergeVueProps } from "../../../../utils/attrs.js";
 import { useForwardProps } from "../../../../utils/props.js";
 import OnyxButton from "../../../OnyxButton/OnyxButton.vue";
@@ -25,6 +26,8 @@ const props = withDefaults(
 
 const buttonProps = useForwardProps(props, OnyxButton);
 const iconButtonProps = useForwardProps(props, OnyxIconButton);
+
+const templateRef = (el?: VueTemplateRefElement) => (componentRef.value = el);
 </script>
 
 <!-- eslint-disable-next-line vue/no-root-v-if -- used for the OnyxMoreList -->
@@ -37,11 +40,11 @@ const iconButtonProps = useForwardProps(props, OnyxIconButton);
       v-bind="buttonProps"
       @click="props.onClick"
     />
+
     <OnyxTooltip v-else :text="props.label">
       <template #default="{ trigger }">
         <OnyxIconButton
-          ref="componentRef"
-          v-bind="mergeVueProps(iconButtonProps, trigger)"
+          v-bind="mergeVueProps(iconButtonProps, trigger, { ref: templateRef })"
           @click="props.onClick"
         />
       </template>
diff --git a/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.ct.tsx b/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.ct.tsx
index b903e4b888..0c11a8adfa 100644
--- a/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.ct.tsx
@@ -1,13 +1,9 @@
 import { expect, test } from "../../playwright/a11y.js";
-import OnyxErrorTooltip from "./OnyxErrorTooltip.vue";
+import TestCase from "./TestCase.ct.vue";
 
 test("should render without error-tooltip", async ({ mount, makeAxeBuilder }) => {
   // ARRANGE
-  const component = await mount(
-    <OnyxErrorTooltip>
-      <button>Dummy button</button>
-    </OnyxErrorTooltip>,
-  );
+  const component = await mount(<TestCase />);
 
   // ACT
   await component.getByRole("button").hover();
@@ -24,9 +20,7 @@ test("should render error-tooltip on hover", async ({ mount, makeAxeBuilder }) =
   const errorMessages = { shortMessage: "Dummy error", longMessage: "Further information" };
   // ARRANGE
   const component = await mount(
-    <OnyxErrorTooltip style="padding-top: 3rem;" errorMessages={errorMessages}>
-      <button>Dummy button</button>
-    </OnyxErrorTooltip>,
+    <TestCase style="padding-top: 3rem;" errorMessages={errorMessages} />,
   );
 
   // ACT
@@ -50,9 +44,7 @@ test("should render error-tooltip on focus", async ({ mount, makeAxeBuilder }) =
   const errorMessages = { shortMessage: "Dummy error", longMessage: "Further information" };
   // ARRANGE
   const component = await mount(
-    <OnyxErrorTooltip style="padding-top: 3rem;" errorMessages={errorMessages}>
-      <button>Dummy button</button>
-    </OnyxErrorTooltip>,
+    <TestCase style="padding-top: 3rem;" errorMessages={errorMessages} />,
   );
 
   // ACT
@@ -75,12 +67,10 @@ test("should render error-tooltip on focus", async ({ mount, makeAxeBuilder }) =
 test("should render without error-tooltip when disabled", async ({ mount, makeAxeBuilder }) => {
   // ARRANGE
   const component = await mount(
-    <OnyxErrorTooltip
+    <TestCase
       errorMessages={{ shortMessage: "Dummy error", longMessage: "Further information" }}
       disabled
-    >
-      <button disabled>Dummy button</button>
-    </OnyxErrorTooltip>,
+    />,
   );
 
   // ACT
diff --git a/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue b/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue
index 69bc6f98bb..2694e32962 100644
--- a/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue
+++ b/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { computed, useTemplateRef } from "vue";
-import { type FormMessages, getFormMessageText } from "../../composables/useFormElementError.js";
+import { computed, type AriaAttributes } from "vue";
+import { getFormMessageText, type FormMessages } from "../../composables/useFormElementError.js";
 import OnyxTooltip from "../OnyxTooltip/OnyxTooltip.vue";
 
 const props = defineProps<{
@@ -21,48 +21,24 @@ defineSlots<{
    * Any component. Will be wrapped in an OnyxTooltip showing
    * an  error message if an error message is set.
    */
-  default(): unknown;
+  default(props: { trigger?: AriaAttributes }): unknown;
 }>();
 
 const tooltipError = computed(() => getFormMessageText(props.errorMessages));
-
-const target = useTemplateRef("target");
 </script>
 
 <template>
   <div class="onyx-component">
     <!-- component will be placed in here if no tooltip should be rendered -->
-    <div v-if="!tooltipError || props.disabled" ref="target"></div>
+    <div v-if="!tooltipError || props.disabled">
+      <slot></slot>
+    </div>
 
     <!-- component will be placed inside the tooltip if it gets rendered -->
-    <OnyxTooltip
-      v-if="tooltipError && !props.disabled"
-      class="onyx-error-tooltip"
-      trigger="hover"
-      :text="tooltipError"
-      color="danger"
-    >
+    <OnyxTooltip v-else trigger="hover" :text="tooltipError" color="danger">
       <template #default="{ trigger }">
-        <div ref="target" v-bind="trigger"></div>
+        <slot :trigger></slot>
       </template>
     </OnyxTooltip>
-
-    <!--
-      sends the given component to the desired target without destroying the component
-      the "v-if" is needed to support server side rendering
-    -->
-    <Teleport v-if="target" :to="target" defer>
-      <slot></slot>
-    </Teleport>
   </div>
 </template>
-
-<style lang="scss">
-@use "../../styles/mixins/layers";
-
-.onyx-error-tooltip {
-  @include layers.component() {
-    max-width: 100%;
-  }
-}
-</style>
diff --git a/packages/sit-onyx/src/components/OnyxErrorTooltip/TestCase.ct.vue b/packages/sit-onyx/src/components/OnyxErrorTooltip/TestCase.ct.vue
new file mode 100644
index 0000000000..4ae60bfbe9
--- /dev/null
+++ b/packages/sit-onyx/src/components/OnyxErrorTooltip/TestCase.ct.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import type { FormMessages } from "../../composables/useFormElementError.js";
+import OnyxErrorTooltip from "./OnyxErrorTooltip.vue";
+
+const props = defineProps<{
+  errorMessages?: FormMessages;
+  disabled?: boolean;
+}>();
+</script>
+
+<template>
+  <OnyxErrorTooltip v-bind="props">
+    <template #default="{ trigger }">
+      <button v-bind="trigger" type="button">Dummy button</button>
+    </template>
+  </OnyxErrorTooltip>
+</template>
diff --git a/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue b/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue
index bbdaa8994e..7f6c8ca112 100644
--- a/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue
+++ b/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue
@@ -55,27 +55,33 @@ useAutofocus(input, props);
   </div>
 
   <OnyxErrorTooltip v-else :disabled="disabled" :error-messages="errorMessages" v-bind="rootAttrs">
-    <label :class="['onyx-component', 'onyx-radio-button', densityClass]">
-      <OnyxLoadingIndicator v-if="props.loading" class="onyx-radio-button__loading" type="circle" />
-      <!-- TODO: accessible error: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage -->
-      <input
-        v-else
-        ref="input"
-        v-custom-validity
-        class="onyx-radio-button__selector"
-        type="radio"
-        :required="props.required"
-        :name="props.name"
-        :value="props.value"
-        :checked="props.checked"
-        :disabled="disabled"
-        :autofocus="props.autofocus"
-        v-bind="restAttrs"
-      />
-      <span class="onyx-radio-button__label" :class="[`onyx-truncation-${props.truncation}`]">
-        {{ props.label }}
-      </span>
-    </label>
+    <template #default="{ trigger }">
+      <label :class="['onyx-component', 'onyx-radio-button', densityClass]" v-bind="trigger">
+        <OnyxLoadingIndicator
+          v-if="props.loading"
+          class="onyx-radio-button__loading"
+          type="circle"
+        />
+        <!-- TODO: accessible error: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage -->
+        <input
+          v-else
+          ref="input"
+          v-custom-validity
+          class="onyx-radio-button__selector"
+          type="radio"
+          :required="props.required"
+          :name="props.name"
+          :value="props.value"
+          :checked="props.checked"
+          :disabled="disabled"
+          :autofocus="props.autofocus"
+          v-bind="restAttrs"
+        />
+        <span class="onyx-radio-button__label" :class="[`onyx-truncation-${props.truncation}`]">
+          {{ props.label }}
+        </span>
+      </label>
+    </template>
   </OnyxErrorTooltip>
 </template>
 
diff --git a/packages/sit-onyx/src/components/OnyxSwitch/OnyxSwitch.vue b/packages/sit-onyx/src/components/OnyxSwitch/OnyxSwitch.vue
index d3d0839e7f..4a1ea561c5 100644
--- a/packages/sit-onyx/src/components/OnyxSwitch/OnyxSwitch.vue
+++ b/packages/sit-onyx/src/components/OnyxSwitch/OnyxSwitch.vue
@@ -81,51 +81,58 @@ useAutofocus(input, props);
     :error-messages="shownErrorMessages"
     v-bind="rootAttrs"
   >
-    <label
-      class="onyx-component onyx-switch"
-      :class="[requiredTypeClass, densityClass]"
-      :title="title"
-    >
-      <input
-        ref="input"
-        v-model="isChecked"
-        v-custom-validity
-        type="checkbox"
-        role="switch"
-        :class="{ 'onyx-switch__input': true, 'onyx-switch__loading': props.loading }"
-        :aria-label="props.hideLabel ? props.label : undefined"
-        :disabled="disabled || props.loading"
-        :required="props.required"
-        :autofocus="props.autofocus"
-        v-bind="restAttrs"
-      />
-      <span class="onyx-switch__click-area">
-        <span class="onyx-switch__container">
-          <span class="onyx-switch__icon">
-            <OnyxLoadingIndicator v-if="props.loading" class="onyx-switch__spinner" type="circle" />
-            <OnyxIcon v-else :icon="isChecked ? iconCheckSmall : iconXSmall" />
+    <template #default="{ trigger }">
+      <label
+        class="onyx-component onyx-switch"
+        :class="[requiredTypeClass, densityClass]"
+        :title="title"
+        v-bind="trigger"
+      >
+        <input
+          ref="input"
+          v-model="isChecked"
+          v-custom-validity
+          type="checkbox"
+          role="switch"
+          :class="{ 'onyx-switch__input': true, 'onyx-switch__loading': props.loading }"
+          :aria-label="props.hideLabel ? props.label : undefined"
+          :disabled="disabled || props.loading"
+          :required="props.required"
+          :autofocus="props.autofocus"
+          v-bind="restAttrs"
+        />
+        <span class="onyx-switch__click-area">
+          <span class="onyx-switch__container">
+            <span class="onyx-switch__icon">
+              <OnyxLoadingIndicator
+                v-if="props.loading"
+                class="onyx-switch__spinner"
+                type="circle"
+              />
+              <OnyxIcon v-else :icon="isChecked ? iconCheckSmall : iconXSmall" />
+            </span>
+            <div class="onyx-switch__frame"></div>
           </span>
-          <div class="onyx-switch__frame"></div>
         </span>
-      </span>
-      <span
-        v-if="!props.hideLabel"
-        class="onyx-switch__label"
-        :class="[
-          `onyx-truncation-${props.truncation}`,
-          // shows the required marker inline for multiline labels
-          props.truncation === 'multiline' ? requiredMarkerClass : undefined,
-        ]"
-      >
-        {{ props.label }}
-      </span>
-      <!-- shows the required marker fixed on the right for truncated labels -->
-      <div
-        v-if="!props.hideLabel && props.truncation === 'ellipsis'"
-        class="onyx-switch__marker"
-        :class="[requiredMarkerClass]"
-      ></div>
-    </label>
+        <span
+          v-if="!props.hideLabel"
+          class="onyx-switch__label"
+          :class="[
+            `onyx-truncation-${props.truncation}`,
+            // shows the required marker inline for multiline labels
+            props.truncation === 'multiline' ? requiredMarkerClass : undefined,
+          ]"
+        >
+          {{ props.label }}
+        </span>
+        <!-- shows the required marker fixed on the right for truncated labels -->
+        <div
+          v-if="!props.hideLabel && props.truncation === 'ellipsis'"
+          class="onyx-switch__marker"
+          :class="[requiredMarkerClass]"
+        ></div>
+      </label>
+    </template>
   </OnyxErrorTooltip>
 </template>
 
diff --git a/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.ct.tsx b/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.ct.tsx
index 9fd7d0dfb8..a0e6885920 100644
--- a/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.ct.tsx
+++ b/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.ct.tsx
@@ -31,13 +31,9 @@ test("should be aligned correctly when page was scrolled with left/right positio
 }) => {
   // ARRANGE
   const component = await mount(
-    <TestWrapper
-      style="margin-block: 500px"
-      trigger="hover"
-      open={true}
-      position="right"
-      text="Test tooltip"
-    />,
+    <div style="margin: 500px">
+      <TestWrapper trigger="hover" open={true} position="right" text="Test tooltip" />
+    </div>,
   );
 
   const tooltip = component.getByRole("tooltip");
@@ -64,7 +60,7 @@ test("should trigger with hover", async ({ mount, page }) => {
   await expect(tooltip).toBeHidden();
 
   // ACT
-  await component.hover();
+  await component.getByRole("button").hover();
 
   // ASSERT
   await expect(tooltip).toBeVisible();
@@ -98,7 +94,7 @@ test("should trigger with click", async ({ mount, page }) => {
   await expect(tooltip).toBeHidden();
 
   // ACT
-  await component.click();
+  await component.getByRole("button").click();
 
   // ASSERT
   await expect(tooltip).toBeVisible();
diff --git a/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue b/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue
index 10305d498a..89eba2f350 100644
--- a/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue
+++ b/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue
@@ -2,10 +2,13 @@
 import { createToggletip, createTooltip, useGlobalEventListener } from "@sit-onyx/headless";
 import {
   computed,
+  isRef,
   onMounted,
+  ref,
   shallowRef,
   toRef,
   toValue,
+  useAttrs,
   useId,
   useTemplateRef,
   watch,
@@ -18,9 +21,13 @@ import { useDensity } from "../../composables/density.js";
 import { useAnchorPositionPolyfill } from "../../composables/useAnchorPositionPolyfill.js";
 import { useOpenAlignment } from "../../composables/useOpenAlignment.js";
 import { useOpenDirection } from "../../composables/useOpenDirection.js";
-import { useResizeObserver } from "../../composables/useResizeObserver.js";
+import {
+  useResizeObserver,
+  type VueTemplateRefElement,
+} from "../../composables/useResizeObserver.js";
 import { useVModel } from "../../composables/useVModel.js";
 import { injectI18n } from "../../i18n/index.js";
+import { mergeVueProps } from "../../utils/attrs.js";
 import OnyxIcon from "../OnyxIcon/OnyxIcon.vue";
 import type { OnyxTooltipProps } from "./types.js";
 
@@ -74,6 +81,8 @@ defineSlots<{
 const { densityClass } = useDensity(props);
 const { t } = injectI18n();
 
+const anchorName = `--anchor-${useId()}`;
+
 const isVisible = useVModel({
   props,
   emit,
@@ -130,20 +139,33 @@ const createPattern = () =>
 const ariaPattern = shallowRef(createPattern());
 watch(triggerType, () => (ariaPattern.value = createPattern()));
 
+const triggerRef = ref<VueTemplateRefElement>();
+const triggerRefElement = computed(() => {
+  if (triggerRef.value && "$el" in triggerRef.value) return triggerRef.value.$el;
+  return triggerRef.value ?? null;
+});
+
 const tooltip = computed(() => ariaPattern.value?.elements.tooltip);
-const triggerElementProps = computed(() => toValue<object>(ariaPattern.value?.elements.trigger));
+const triggerElementProps = computed(() => {
+  const trigger = ariaPattern.value.elements.trigger;
+  const triggerProps = isRef(trigger) ? toValue(trigger) : trigger;
+
+  return mergeVueProps(triggerProps, {
+    style: { "anchor-name": anchorName },
+    ref: triggerRef,
+  }) as object;
+});
 
 const alignsWithEdge = toRef(() => props.alignsWithEdge);
 const fitParent = toRef(() => props.fitParent);
 
-const tooltipWrapperRef = useTemplateRef("tooltipWrapperRefEl");
 const tooltipRef = useTemplateRef("tooltipRefEl");
-const { openDirection, updateOpenDirection } = useOpenDirection(tooltipWrapperRef, "top");
-const { openAlignment, updateOpenAlignment } = useOpenAlignment(tooltipWrapperRef, tooltipRef);
+const { openDirection, updateOpenDirection } = useOpenDirection(triggerRefElement, "top");
+const { openAlignment, updateOpenAlignment } = useOpenAlignment(triggerRefElement, tooltipRef);
 const { leftPosition, topPosition, updateAnchorPositionPolyfill, useragentSupportsAnchorApi } =
   useAnchorPositionPolyfill({
     positionedRef: tooltipRef,
-    targetRef: tooltipWrapperRef,
+    targetRef: triggerRefElement,
     positionArea: toolTipPosition,
     alignment: alignment,
     alignsWithEdge: alignsWithEdge,
@@ -184,9 +206,9 @@ const tooltipClasses = computed(() => {
   };
 });
 
-const { width } = useResizeObserver(tooltipWrapperRef);
+const { width } = useResizeObserver(triggerRefElement);
 const tooltipWidth = computed(() =>
-  props.fitParent && tooltipWrapperRef.value ? `${width.value}px` : "max-content",
+  props.fitParent && triggerRefElement.value ? `${width.value}px` : "max-content",
 );
 
 // initial update
@@ -218,8 +240,6 @@ watch(
   { flush: "post" },
 );
 
-const anchorName = `--anchor-${useId()}`;
-
 const tooltipStyles = computed(() => {
   if (useragentSupportsAnchorApi.value) {
     return {
@@ -236,14 +256,16 @@ const tooltipStyles = computed(() => {
     top: topPosition.value,
   };
 });
+
+// since the wrapper is "display: none" we forward all attributes to the trigger element
+defineOptions({ inheritAttrs: true });
+const attrs = useAttrs();
 </script>
 
 <template>
-  <div
-    ref="tooltipWrapperRefEl"
-    :class="['onyx-component', 'onyx-tooltip-wrapper', densityClass]"
-    :style="`anchor-name: ${anchorName}`"
-  >
+  <div :class="['onyx-component', 'onyx-tooltip-wrapper', densityClass]">
+    <slot :trigger="mergeVueProps(attrs, triggerElementProps)"></slot>
+
     <!-- we are using inline "style" here since using v-bind causes hydration errors in Nuxt / SSR -->
     <div
       ref="tooltipRefEl"
@@ -256,8 +278,6 @@ const tooltipStyles = computed(() => {
         <slot name="tooltip">{{ props.text }}</slot>
       </div>
     </div>
-
-    <slot :trigger="triggerElementProps"></slot>
   </div>
 </template>
 
@@ -439,10 +459,7 @@ $wedge-size: 0.5rem;
 
 .onyx-tooltip-wrapper {
   @include layers.component() {
-    position: relative;
-    width: max-content;
-    height: max-content;
-    place-content: center;
+    display: contents;
   }
 }
 </style>
diff --git a/packages/sit-onyx/src/composables/useMoreList.ts b/packages/sit-onyx/src/composables/useMoreList.ts
index ddf50d5ef4..97fdeea73b 100644
--- a/packages/sit-onyx/src/composables/useMoreList.ts
+++ b/packages/sit-onyx/src/composables/useMoreList.ts
@@ -102,9 +102,12 @@ export const useMoreList = (options: UseMoreListOptions) => {
   const visibleElements = ref<string[]>();
   const hiddenElements = ref<string[]>();
 
-  const { width: parentWidth, height: parentHeight } = useResizeObserver(options.parentRef);
+  const { width: parentWidth, height: parentHeight } = useResizeObserver(options.parentRef, {
+    box: "content-box",
+  });
   const { width: moreIndicatorWidth, height: moreIndicatorHeight } = useResizeObserver(
     options.moreIndicatorRef,
+    { box: "content-box" },
   );
 
   /**
@@ -230,7 +233,7 @@ export const useMoreListChild = (injectionKey: MoreListInjectionKey) => {
   const id = useId();
   const componentRef = ref<VueTemplateRefElement>();
   const moreContext = inject(injectionKey, undefined);
-  const { width, height } = useResizeObserver(componentRef, { box: "border-box" });
+  const { width, height } = useResizeObserver(componentRef);
 
   watch(
     [width, height],
diff --git a/packages/sit-onyx/src/composables/useResizeObserver.ts b/packages/sit-onyx/src/composables/useResizeObserver.ts
index 4c0b7b62d9..26a8cc6ef2 100644
--- a/packages/sit-onyx/src/composables/useResizeObserver.ts
+++ b/packages/sit-onyx/src/composables/useResizeObserver.ts
@@ -4,7 +4,10 @@ export type UseResizeObserverOptions = {
   /**
    * Sets which box model the observer will observe changes to.
    *
-   * @default 'content-box'
+   * - border-box: Width including padding and border
+   * - content-box: Content width (without padding and border)
+   *
+   * @default 'border-box'
    */
   box?: ResizeObserverBoxOptions;
 };
@@ -21,7 +24,7 @@ export const useResizeObserver = (
   target?: Ref<VueTemplateRefElement>,
   options?: UseResizeObserverOptions,
 ) => {
-  const box = options?.box ?? "content-box";
+  const box = options?.box ?? "border-box";
   const width = ref(0);
   const height = ref(0);
 
diff --git a/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-chrome-linux.png b/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-chrome-linux.png
index dade2b94d8..19263c3c31 100644
Binary files a/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-chrome-linux.png and b/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-chrome-linux.png differ
diff --git a/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-firefox-linux.png b/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-firefox-linux.png
index d21735892c..7b04faedcb 100644
Binary files a/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-firefox-linux.png and b/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-firefox-linux.png differ
diff --git a/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-webkit-linux.png b/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-webkit-linux.png
index cd335fa08a..cbe024ccad 100644
Binary files a/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-webkit-linux.png and b/packages/tiptap/playwright/snapshots/components/OnyxEditorToolbarAction/Editor-toolbar-action-webkit-linux.png differ