diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview.png index b9da8fabd4dd0..afc1cfe9ca1be 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview.png and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--overview.png b/frontend/__snapshots__/lemon-ui-lemon-switch--overview.png index 873cfd64085e7..4e77f6b3f2d53 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-switch--overview.png and b/frontend/__snapshots__/lemon-ui-lemon-switch--overview.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--webkit.png index 998fedb12e86e..937848632df10 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--webkit.png differ diff --git a/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.scss b/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.scss index 12f4f17798fe7..6b64da3a4091f 100644 --- a/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.scss +++ b/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.scss @@ -93,6 +93,8 @@ } &.LemonCheckbox--bordered { + line-height: 1.4; + label { min-height: 2.5rem; padding: 0 0.75rem; diff --git a/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.stories.tsx b/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.stories.tsx index c26bc8a52f2a2..03474c40a8d0e 100644 --- a/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.stories.tsx @@ -32,6 +32,10 @@ export const Overview = (): JSX.Element => { + +
+ +
) } diff --git a/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.scss b/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.scss index 0c2bd870e2f7f..eccd270e72e1f 100644 --- a/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.scss +++ b/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.scss @@ -23,19 +23,20 @@ } &.LemonSwitch--bordered { - height: 2.5rem; + min-height: 2.5rem; padding: 0 0.75rem; + line-height: 1.4; background: var(--bg-light); border: 1px solid var(--border); border-radius: var(--radius); .posthog-3000 & { - height: calc(2.125rem + 3px); // Medium size button height + button shadow height + min-height: calc(2.125rem + 3px); // Medium size button height + button shadow height } &.LemonSwitch--small { gap: 0.5rem; - height: 2rem; + min-height: 2rem; padding: 0 0.5rem; } } diff --git a/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.stories.tsx b/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.stories.tsx index 29c7a81df6181..f326dc4617a63 100644 --- a/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonSwitch/LemonSwitch.stories.tsx @@ -39,6 +39,10 @@ export const Overview = (): JSX.Element => { } /> + +
+ +
) }