horizontal-stack card visibility

[raven widget]

I have two cards configured under a horizontal-stack. Even though I've moved all the text on the second card (the one to the right), when the column the horizontal-stack resides is resized, the left card appears to be covered up by the right card.

Obviously, I'd like all the information to be displayed - I believe my options are:
Instead of the two cards inside the horizontal-stack sharing the space 50/50, manually resize the second card to take a specific pixel width, or,
Have the card on the left cover up the card on the right.

I'm sure I need card-mod to do this, but nothing I've tried appears to work.

[onyx ledge]

Can't just make them vertical?

Oh wait, they're chips not template cards - yeesh

[raven widget]

The ultimate goal is to have a card that can display (and trigger an action) of two related entities.
Throughout my whole house I have smart switches that can either be interlinked to the relay, controlling the power directly, or unlinked, leaving the relay on and sending events to HA.

  - type: custom:template-entity-row
    entity: light.group_livingroom
    name: Overhead
    secondary: >
      🔌 {{ states('select.livingroom_relay_config') }} 
    state: "{{ states(\"light.group_livingroom\") }}"

I made this, but I can't seem to control the select entity with anything intuitive (like clicking the select entity state)

[onyx ledge]

you could make it so a long press changes the mode and a short press just toggles on/off?

[raven widget]

That would work, but it doesnt feel as intuitive

Maybe I can do a vertical-stack with two entity cards. I can possibly format each two-card vertical-stack to appear as a single entity

[onyx ledge]

I guess... But how often are you really going to be changing the mode of your switches?

[raven widget]

You do have a point. I have a few bulbs that don't respond well to power outages or wifi dropping, so they have to be power-cycled to reconnect