From 9d1ac97fb91c4cf73d196c0f432de56e39f6f49d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ernesto=20Garc=C3=ADa?= <ernesto@doist.com>
Date: Wed, 3 Jan 2024 16:00:39 -0300
Subject: [PATCH] fix: Prevent badge text from wrapping

---
 CHANGELOG.md               | 4 ++++
 package-lock.json          | 4 ++--
 package.json               | 2 +-
 src/badge/badge.module.css | 1 +
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ce9423462..d0e28b480 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# v22.3.2
+
+-   [Fix] Text inside a `Badge` no longer wraps into multiple lines.
+
 # v22.3.1
 
 -   [Tweak] Increase showing tooltip delay to 1 second from 500ms
diff --git a/package-lock.json b/package-lock.json
index dbaa30111..3d4bc44a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@doist/reactist",
-    "version": "22.3.1",
+    "version": "22.3.2",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "@doist/reactist",
-            "version": "22.3.1",
+            "version": "22.3.2",
             "hasInstallScript": true,
             "license": "MIT",
             "dependencies": {
diff --git a/package.json b/package.json
index 2c38f31c5..211c8a658 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "22.3.1",
+    "version": "22.3.2",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {
diff --git a/src/badge/badge.module.css b/src/badge/badge.module.css
index d4a43717d..6df14f89f 100644
--- a/src/badge/badge.module.css
+++ b/src/badge/badge.module.css
@@ -25,6 +25,7 @@
     color: var(--reactist-badge-tint);
     background-color: var(--reactist-badge-fill);
     line-height: calc(var(--reactist-badge-font-size) + 3px);
+    white-space: nowrap;
 }
 
 .badge-info {