diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts
index cbefe80d68..860040b665 100644
--- a/packages/components/src/components.d.ts
+++ b/packages/components/src/components.d.ts
@@ -524,7 +524,7 @@ export namespace Components {
         /**
           * Text of the inputs label
          */
-        "subject": string;
+        "subject"?: string;
     }
     interface BalFieldLabel {
         /**
diff --git a/packages/components/src/components/form/bal-field/bal-field-hint/bal-field-hint.tsx b/packages/components/src/components/form/bal-field/bal-field-hint/bal-field-hint.tsx
index 7b9d65aa6e..6a81223000 100644
--- a/packages/components/src/components/form/bal-field/bal-field-hint/bal-field-hint.tsx
+++ b/packages/components/src/components/form/bal-field/bal-field-hint/bal-field-hint.tsx
@@ -9,7 +9,7 @@ export class FieldHint {
   /**
    * Text of the inputs label
    */
-  @Prop() subject = ''
+  @Prop() subject?: string = ''
 
   /**
    * Text for the close button.
@@ -25,7 +25,7 @@ export class FieldHint {
     return (
       <Host>
         <bal-hint closeLabel={this.closeLabel} small={this.small}>
-          <bal-hint-title>{this.subject}</bal-hint-title>
+          {this.subject ? <bal-hint-title>{this.subject}</bal-hint-title> : ''}
           <bal-hint-text>
             <slot></slot>
           </bal-hint-text>