Unable to resize input selector within tile card in horizontal mode

Hi, Looking for some help with card Mod Yaml, to complete the resizing of the input selector on a tile card in horizontal mode. I’ve got card mod to move the selector to the left and I can increase the width of the selector within google chome inspect item, but I can’t get that to work into the Card Mod Yaml.

My existing code which is working to move selector to the left as follows:

type: tile
entity: input_select.sel_remote
features_position: inline
vertical: false
hide_state: true
name: " "
features:
  - type: select-options
card_mod:
  style:
    .: |
      ha-card {
        width: 80% !important;
        margin-right: auto;
      }
    ha-tile-container$: |
      div.container.horizontal > div.content {
        width: 15% !important;
        flex: 0 0 15% !important;
      }

Below are images from Chrome show the selector being moved and increased in size.

Below is the code I’ve tried to resize the selector, but it just gets ignored and I don’t understand it well enough to figure out what’s wrong.

Hope someone can help me resolve this issue.

изображение

изображение

1 Like

Thank you for working this out, my dashboard looks so much better now :confetti_ball: