From 66a885fd68309efff3395531eecbc0834cf10689 Mon Sep 17 00:00:00 2001
From: Hawk Ticehurst <hawkticehurst@gmail.com>
Date: Wed, 3 Nov 2021 15:15:43 -0700
Subject: [PATCH] Add max width to button

---
 src/button/button.styles.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/button/button.styles.ts b/src/button/button.styles.ts
index 9de973f2..9865a5c0 100644
--- a/src/button/button.styles.ts
+++ b/src/button/button.styles.ts
@@ -59,7 +59,7 @@ const BaseButtonStyles = css`
 		justify-content: center;
 		align-items: center;
 		padding: ${buttonPaddingVertical} ${buttonPaddingHorizontal};
-		white-space: nowrap;
+		white-space: wrap;
 		outline: none;
 		text-decoration: none;
 		border: calc(${borderWidth} * 1px) solid ${buttonBorder};
@@ -68,6 +68,7 @@ const BaseButtonStyles = css`
 		fill: inherit;
 		cursor: inherit;
 		font-family: inherit;
+		max-width: 300px;
 	}
 	:host(:hover) {
 		background: ${buttonPrimaryHoverBackground};