From 6f4a00d6f6e5af94a82483bb3af738d961fed540 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Tue, 19 Jul 2022 16:25:49 +0800
Subject: [PATCH] fix: assign break-all to the correct label element

---
 src/lib/Layout/FormLayout/FormLayout.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/Layout/FormLayout/FormLayout.tsx b/src/lib/Layout/FormLayout/FormLayout.tsx
index c35746d6..d400ed44 100644
--- a/src/lib/Layout/FormLayout/FormLayout.tsx
+++ b/src/lib/Layout/FormLayout/FormLayout.tsx
@@ -153,9 +153,11 @@ export function FormLayout({
         >
           {labelled && (
             <label
-              className={[__styles.label.base, __styles.label.size[size]].join(
-                ' '
-              )}
+              className={[
+                __styles.label.base,
+                __styles.label.size[size],
+                'break-all',
+              ].join(' ')}
               htmlFor={id}
             >
               {beforeLabel && (