From 5da5e104ba0d6636c305e3bf985748021bbf2968 Mon Sep 17 00:00:00 2001
From: Nerwyn Singh <nerwyn1994@gmail.com>
Date: Wed, 8 Nov 2023 00:22:05 -0500
Subject: [PATCH] slider custom css fixes

---
 dist/android-tv-card.js      | 19 +++++++++----------
 src/classes/remote-slider.ts | 19 +++++++++----------
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/dist/android-tv-card.js b/dist/android-tv-card.js
index bbe242bf..39ed0048 100644
--- a/dist/android-tv-card.js
+++ b/dist/android-tv-card.js
@@ -172,9 +172,7 @@
 				place-content: center space-evenly;
 				align-items: center;
 				position: relative;
-				height: var(--height);
 				width: 100%;
-				border-radius: var(--border-radius);
 				border: none;
 				padding: 0px;
 				box-sizing: border-box;
@@ -183,25 +181,26 @@
 				overflow: hidden;
 				font-size: inherit;
 				color: inherit;
-
-				--color: var(--primary-text-color);
-				--height: 50px;
-				--background: var(--secondary-background-color);
-				--background-height: 50px;
-				--border-radius: 25px;
 			}
 
 			.container {
 				all: inherit;
-				height: 100%;
 				overflow: hidden;
+				height: 50px;
+				border-radius: var(--border-radius);
+
+				--color: var(--primary-text-color);
+				--background: var(--secondary-background-color);
+				--background-height: 50px;
+				--border-radius: 25px;
 			}
 
 			.slider-background {
 				position: absolute;
 				width: inherit;
-				height: inherit;
+				height: var(--background-height);
 				background: var(--background);
+				border-radius: var(--border-radius);
 			}
 
 			.slider,
diff --git a/src/classes/remote-slider.ts b/src/classes/remote-slider.ts
index 93c41078..644fd03b 100644
--- a/src/classes/remote-slider.ts
+++ b/src/classes/remote-slider.ts
@@ -114,9 +114,7 @@ export class RemoteSlider extends BaseRemoteElement {
 				place-content: center space-evenly;
 				align-items: center;
 				position: relative;
-				height: var(--height);
 				width: 100%;
-				border-radius: var(--border-radius);
 				border: none;
 				padding: 0px;
 				box-sizing: border-box;
@@ -125,25 +123,26 @@ export class RemoteSlider extends BaseRemoteElement {
 				overflow: hidden;
 				font-size: inherit;
 				color: inherit;
-
-				--color: var(--primary-text-color);
-				--height: 50px;
-				--background: var(--secondary-background-color);
-				--background-height: 50px;
-				--border-radius: 25px;
 			}
 
 			.container {
 				all: inherit;
-				height: 100%;
 				overflow: hidden;
+				height: 50px;
+				border-radius: var(--border-radius);
+
+				--color: var(--primary-text-color);
+				--background: var(--secondary-background-color);
+				--background-height: 50px;
+				--border-radius: 25px;
 			}
 
 			.slider-background {
 				position: absolute;
 				width: inherit;
-				height: inherit;
+				height: var(--background-height);
 				background: var(--background);
+				border-radius: var(--border-radius);
 			}
 
 			.slider,