Bottom Navbar together with Bubble Card Horizontal Buttons Stack

[fabsss]

I wanted to ask if someone managed to use the Material You Theme together with Bubble Card Horizontal Buttons Stack.

Since both, Navigation Bar and Horizontal Buttons are placed at the bottom of the screen they cannot be used together. I haven't found a way to either place the Navigation Bar or the Horizontal Buttons somewhere else on the screen.

Any ideas?

[Nerwyn]

Add these custom styles to the horizontal button stack:

ha-card {
  bottom: calc(env(safe-area-inset-bottom) + 8px + var(--footer-height)) !important;
}

Optionally also enable hide gradient so it doesn't blend in with the navigation bar.