diff --git a/.changeset/hungry-countries-move.md b/.changeset/hungry-countries-move.md new file mode 100644 index 0000000000..50efab8752 --- /dev/null +++ b/.changeset/hungry-countries-move.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/select": patch +"@twilio-paste/core": patch +--- + +[Select]: Fix wrong background color during disabled state diff --git a/packages/paste-core/components/select/src/Select.tsx b/packages/paste-core/components/select/src/Select.tsx index 5267972a6c..46fc42e505 100644 --- a/packages/paste-core/components/select/src/Select.tsx +++ b/packages/paste-core/components/select/src/Select.tsx @@ -110,6 +110,7 @@ export const SelectElement = React.forwardRef( width="100%" _disabled={{ color: variant === "inverse" ? "colorTextInverseWeakest" : "colorTextWeaker", + backgroundColor: "transparent", cursor: "not-allowed", opacity: 1, }}