From b7b1b6e1b197e4e6ca0fc9b26fa205e224ae4c4c Mon Sep 17 00:00:00 2001
From: Jesper Noordsij <45041769+jnoordsij@users.noreply.github.com>
Date: Wed, 11 Dec 2024 11:46:52 +0100
Subject: [PATCH] Prevent label from overflowing on buttons

---
 button/internal/_shared.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/button/internal/_shared.scss b/button/internal/_shared.scss
index bcb6ae268f..341f8d62e8 100644
--- a/button/internal/_shared.scss
+++ b/button/internal/_shared.scss
@@ -23,6 +23,8 @@
     gap: 8px;
     // min-height instead of height so that label can wrap and expand height
     min-height: var(--_container-height);
+    // max-width set to 100% to prevent label from overflowing
+    max-width: 100%;
     outline: none;
     // Add extra space between label and the edge for if the label text wraps.
     // The padding added should be relative to the height of the container and