diff --git a/src/components/ha-bar-slider.ts b/src/components/ha-bar-slider.ts index 2f7eb4e542..7785bead8a 100644 --- a/src/components/ha-bar-slider.ts +++ b/src/components/ha-bar-slider.ts @@ -270,7 +270,7 @@ export class HaBarSlider extends LitElement { --slider-bar-color: rgb(var(--rgb-primary-color)); --slider-bar-background: rgba(var(--rgb-disabled-color), 0.2); --slider-bar-thickness: 40px; - --slider-bar-border-radius: 12px; + --slider-bar-border-radius: 10px; height: var(--slider-bar-thickness); width: 100%; } @@ -299,7 +299,7 @@ export class HaBarSlider extends LitElement { background: var(--slider-bar-background); } .slider .slider-track-bar { - --border-radius: calc(var(--slider-bar-border-radius) / 2); + --border-radius: var(--slider-bar-border-radius); --handle-size: 4px; --handle-margin: calc(var(--slider-bar-thickness) / 8); position: absolute; diff --git a/src/components/tile/ha-tile-button.ts b/src/components/tile/ha-tile-button.ts index ef56e96e44..d1adc849bf 100644 --- a/src/components/tile/ha-tile-button.ts +++ b/src/components/tile/ha-tile-button.ts @@ -95,7 +95,7 @@ export class HaTileButton extends LitElement { justify-content: center; width: 100%; height: 100%; - border-radius: 12px; + border-radius: 10px; border: none; background-color: var(--bg-color); transition: background-color 280ms ease-in-out, transform 180ms ease-out; diff --git a/src/components/tile/ha-tile-slider.ts b/src/components/tile/ha-tile-slider.ts index e2c82e7eab..b7f718d4df 100644 --- a/src/components/tile/ha-tile-slider.ts +++ b/src/components/tile/ha-tile-slider.ts @@ -51,6 +51,8 @@ export class HaTileSlider extends LitElement { --tile-slider-bar-background, rgba(var(--rgb-disabled-color), 0.2) ); + --slider-bar-thickness: 40px; + --slider-bar-border-radius: 10px; } `; }