From b9f8692ddb351ca692a5ae61981892552ce2cd53 Mon Sep 17 00:00:00 2001
From: sara parsa <sara.pe9820@gmail.com>
Date: Sat, 2 Nov 2024 15:17:02 +0330
Subject: [PATCH] fix(nps): resolve `max-content` issue for `width` (#237)

---
 src/nps/index.ts     | 2 +-
 src/nps/nps.style.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/nps/index.ts b/src/nps/index.ts
index 1bde2377..58eaaa9c 100644
--- a/src/nps/index.ts
+++ b/src/nps/index.ts
@@ -9,7 +9,7 @@ import styles from "./nps.style";
  * @prop {number} [max=10] - The maximum value for the slider.
  * @prop {number} value - The current value of the slider.
  *
- * @fires npschange - Fired when the rating slider value changes.
+ * @fires valuechange - Fired when the rating slider value changes.
  *
  * @csspart [container] - The container that wraps the component.
  * @csspart [dot] - The dot that represents the selected value on the slider.
diff --git a/src/nps/nps.style.ts b/src/nps/nps.style.ts
index c8baa0c4..0bb43bf8 100644
--- a/src/nps/nps.style.ts
+++ b/src/nps/nps.style.ts
@@ -19,7 +19,7 @@ export default css`
   .root {
     font-family: var(--tap-font-family, var(--tap-sys-font-family)), serif;
     position: relative;
-    width: max-content;
+    width: 100%;
     border: var(--tap-sys-stroke-1) solid var(--tap-palette-black);
     height: var(--tap-sys-spacing-12);
     border-radius: var(--tap-sys-radius-5);