diff --git a/docs/changelog.md b/docs/changelog.md index ff9285df0..aab9cdf99 100644 --- a/docs/changelog.md +++ b/docs/changelog.md @@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). +## Upcoming + +### Added + +### Changed + +### Fixed + +- Fixed `six-checkbox` checkbox-input being distorted with multiline content/text + ## 4.2.1 - 2024-03-14 ### Fixed diff --git a/libraries/ui-library/src/components/six-checkbox/six-checkbox.scss b/libraries/ui-library/src/components/six-checkbox/six-checkbox.scss index 4a8853aea..0f1c64bfa 100644 --- a/libraries/ui-library/src/components/six-checkbox/six-checkbox.scss +++ b/libraries/ui-library/src/components/six-checkbox/six-checkbox.scss @@ -29,6 +29,7 @@ align-items: center; justify-content: center; width: var(--six-selection-control-toggle-size); + min-width: var(--six-selection-control-toggle-size); height: var(--six-selection-control-toggle-size); border: solid var(--six-border-width) var(--six-input-border-color); border-radius: 0; @@ -43,6 +44,7 @@ padding: 0; margin: 0; pointer-events: none; + min-width: var(--six-selection-control-toggle-size); } .checkbox__icon {