From a5a9be38d98a8a8954f7b7c094842f5bd88cd119 Mon Sep 17 00:00:00 2001
From: Lena Morita <lena@jaguchi.com>
Date: Thu, 2 Jan 2025 19:56:42 +0900
Subject: [PATCH] Limit width to container

---
 packages/components/src/badge/styles.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/components/src/badge/styles.scss b/packages/components/src/badge/styles.scss
index e3ff7516d0eeac..d3f82482cf7743 100644
--- a/packages/components/src/badge/styles.scss
+++ b/packages/components/src/badge/styles.scss
@@ -6,10 +6,13 @@ $badge-colors: (
 );
 
 .components-badge {
+	@include reset;
+
 	background-color: color-mix(in srgb, $white 90%, var(--base-color));
 	color: color-mix(in srgb, $black 50%, var(--base-color));
 	padding: 0 $grid-unit-10;
 	min-height: $grid-unit-30;
+	max-width: 100%;
 	border-radius: $radius-small;
 	font-size: $font-size-small;
 	font-weight: 400;