diff --git a/src/client/components/forms/field-types/Checkbox/index.scss b/src/client/components/forms/field-types/Checkbox/index.scss index de105e75fe..c160d7a654 100644 --- a/src/client/components/forms/field-types/Checkbox/index.scss +++ b/src/client/components/forms/field-types/Checkbox/index.scss @@ -57,8 +57,13 @@ } &--read-only { - &__input { - background-color: lighten($color-gray, 5%); + + .checkbox__label { + color: $color-gray; + } + + .checkbox__input { + background-color: lighten($color-light-gray, 5%); } } } diff --git a/src/client/components/forms/field-types/Row/index.scss b/src/client/components/forms/field-types/Row/index.scss index 13462feaeb..d5a4eab53f 100644 --- a/src/client/components/forms/field-types/Row/index.scss +++ b/src/client/components/forms/field-types/Row/index.scss @@ -6,10 +6,11 @@ margin-left: - base(.5); margin-right: - base(.5); width: calc(100% + #{$baseline}); + margin-bottom: 0; > * { - margin-left: base(.5); - margin-right: base(.5); + padding-left: base(.5); + padding-right: base(.5); } @include mid-break {