diff --git a/webapp/packages/core-blocks/src/FormControls/Combobox.tsx b/webapp/packages/core-blocks/src/FormControls/Combobox.tsx index 743aa7c00b..f5510ac9d5 100644 --- a/webapp/packages/core-blocks/src/FormControls/Combobox.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Combobox.tsx @@ -74,7 +74,7 @@ const styles = composes( display: flex; flex-direction: row; align-items: center; - padding: 4px 12px; + padding: 8px 12px; text-align: left; outline: none; color: inherit; diff --git a/webapp/packages/core-theming/src/styles/_form-controls.scss b/webapp/packages/core-theming/src/styles/_form-controls.scss index 7c76807316..60e4e7f21f 100644 --- a/webapp/packages/core-theming/src/styles/_form-controls.scss +++ b/webapp/packages/core-theming/src/styles/_form-controls.scss @@ -93,7 +93,8 @@ &:not([|select]):global([readonly]) { @include mdc-theme-prop(border-color, input-border-readonly, false); @include mdc-theme-prop(background-color, input-background-readonly, false); - opacity: 0.8; + /*opacity: 0.8;*/ + opacity: 1; &:-internal-autofill-selected, &:-internal-autofill-previewed { box-shadow: 0 0 0 50px $input-background-readonly inset; @@ -102,7 +103,8 @@ &:global([disabled]) { @include mdc-theme-prop(border-color, input-border-disabled, false); @include mdc-theme-prop(background-color, input-background-disabled, false); - opacity: 0.7; + /*opacity: 0.7;*/ + opacity: 1; &:-internal-autofill-selected, &:-internal-autofill-previewed { box-shadow: 0 0 0 50px $input-background-disabled inset;