select height reduced to match other mushroom cards

src/cards/select-card/controls/select-option-control.ts

@@ -65,6 +65,7 @@ export class SelectOptionControl extends LitElement {
     static get styles(): CSSResultGroup {
         return css`
             mushroom-select {
+                --select-height: 42px;
                 width: 100%;
             }
         `;

src/shared/form/mushroom-select.ts

@@ -1,6 +1,6 @@
 import { SelectBase } from "@material/mwc-select/mwc-select-base";
 import { styles } from "@material/mwc-select/mwc-select.css";
-import { html, nothing } from "lit";
+import { css, html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { debounce, nextRender } from "../../ha";
 
@@ -17,8 +17,6 @@ export class MushroomSelect extends SelectBase {
         return html`<span class="mdc-select__icon"><slot name="icon"></slot></span>`;
     }
 
-    static override styles = [styles];
-
     connectedCallback() {
         super.connectedCallback();
         window.addEventListener("translations-updated", this._translationsUpdated);
@@ -33,6 +31,15 @@ export class MushroomSelect extends SelectBase {
         await nextRender();
         this.layoutOptions();
     }, 500);
+
+    static override styles = [
+        styles,
+        css`
+            .mdc-select__anchor {
+                height: var(--select-height, auto) !important;
+            }
+        `,
+    ];
 }
 
 declare global {