From 6b8ad02c4df69b5bedbdc2ecea35d7157e87af84 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Sat, 14 Jun 2025 08:32:51 +0100
Subject: [PATCH] Update TextField.tsx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .../src/components/TextField/TextField.tsx    | 57 ++++++++++---------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/packages/canon/src/components/TextField/TextField.tsx b/packages/canon/src/components/TextField/TextField.tsx
index e534b0952d..07efc47100 100644
--- a/packages/canon/src/components/TextField/TextField.tsx
+++ b/packages/canon/src/components/TextField/TextField.tsx
@@ -56,32 +56,37 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
         style={style}
         ref={ref}
       >
-        <div
-          className="canon-TextFieldLabelWrapper"
-          data-hidden={hideLabelAndDescription}
-        >
-          {label && (
-            <Field.Label className="canon-TextFieldLabel" data-size={labelSize}>
-              {label}
-              {secondaryLabelText && (
-                <span
-                  aria-hidden="true"
-                  className="canon-TextFieldSecondaryLabel"
-                >
-                  ({secondaryLabelText})
-                </span>
-              )}
-            </Field.Label>
-          )}
-          {description && (
-            <Field.Description
-              className="canon-TextFieldDescription"
-              data-size={labelSize}
-            >
-              {description}
-            </Field.Description>
-          )}
-        </div>
+        {label && (
+          <div
+            className="canon-TextFieldLabelWrapper"
+            data-hidden={hideLabelAndDescription}
+          >
+            {label && (
+              <Field.Label
+                className="canon-TextFieldLabel"
+                data-size={labelSize}
+              >
+                {label}
+                {secondaryLabelText && (
+                  <span
+                    aria-hidden="true"
+                    className="canon-TextFieldSecondaryLabel"
+                  >
+                    ({secondaryLabelText})
+                  </span>
+                )}
+              </Field.Label>
+            )}
+            {description && (
+              <Field.Description
+                className="canon-TextFieldDescription"
+                data-size={labelSize}
+              >
+                {description}
+              </Field.Description>
+            )}
+          </div>
+        )}
         <div className="canon-TextFieldInputWrapper" data-size={responsiveSize}>
           {icon && (
             <div