fix(nps): resolve max-content issue for width (#237)

Tap30 · Nov 2, 2024 · b9f8692 · b9f8692
1 parent 20195b8
commit b9f8692
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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);