Merge pull request #144 from unicef/fix/USelectPicker-height-to-match…

…-text-fields PR to change height for dark variant of USelectPicker
unicef · Jan 6, 2024 · 9cdf9b7 · 9cdf9b7
2 parents 061ddfb + f232b75
commit 9cdf9b7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unicef/material-ui",
-  "version": "0.11.7",
+  "version": "0.11.8",
   "description": "UNICEF theme and components of material-ui for react",
   "main": "index.js",
   "files": [

diff --git a/src/components/USelectPicker/USelectPicker.js b/src/components/USelectPicker/USelectPicker.js
@@ -119,6 +119,7 @@ export default function USelectPicker(props) {
   const selectStyles = {
     input: base => ({
       ...base,
+      height: iconVariant === ICON_VARIANTS.dark ? theme.spacing(4) : 'inherit', // if dark variant, then match height with material ui controls
       color: theme.palette.text.primary,
       '& input': {
         font: 'inherit',