From 9176fa2c9bd957dad7352be69389f4d924c1dbda Mon Sep 17 00:00:00 2001
From: Nawaz Dhandala <hello@nawazdhandala.com>
Date: Thu, 23 Oct 2025 15:44:26 +0100
Subject: [PATCH] style(forms): add className override to FieldLabel and apply
 to Dictionary labels

---
 Common/UI/Components/Dictionary/Dictionary.tsx   |  3 +++
 Common/UI/Components/Forms/Fields/FieldLabel.tsx | 10 +++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/Common/UI/Components/Dictionary/Dictionary.tsx b/Common/UI/Components/Dictionary/Dictionary.tsx
index ae29593a23..bad3790a56 100644
--- a/Common/UI/Components/Dictionary/Dictionary.tsx
+++ b/Common/UI/Components/Dictionary/Dictionary.tsx
@@ -148,6 +148,7 @@ const DictionaryForm: FunctionComponent<ComponentProps> = (
                     title="Key"
                     required={true}
                     hideOptionalLabel={true}
+                    className="block text-xs text-gray-500 font-normal flex justify-between"
                   />
                 </div>
                 <AutocompleteTextInput
@@ -173,6 +174,7 @@ const DictionaryForm: FunctionComponent<ComponentProps> = (
                       title="Type"
                       hideOptionalLabel={true}
                       required={true}
+                      className="block text-xs text-gray-500 font-normal flex justify-between"
                     />
                   </div>
                   <Dropdown
@@ -206,6 +208,7 @@ const DictionaryForm: FunctionComponent<ComponentProps> = (
                     title="Value"
                     hideOptionalLabel={true}
                     required={true}
+                    className="block text-xs text-gray-500 font-normal flex justify-between"
                   />
                 </div>
                 {item.type === ValueType.Text && (
diff --git a/Common/UI/Components/Forms/Fields/FieldLabel.tsx b/Common/UI/Components/Forms/Fields/FieldLabel.tsx
index 637873e38c..4eb2033d32 100644
--- a/Common/UI/Components/Forms/Fields/FieldLabel.tsx
+++ b/Common/UI/Components/Forms/Fields/FieldLabel.tsx
@@ -9,6 +9,7 @@ export interface ComponentProps {
   description?: string | ReactElement | undefined;
   isHeading?: boolean | undefined;
   hideOptionalLabel?: boolean | undefined;
+  className?: string | undefined;
 }
 
 const FieldLabelElement: FunctionComponent<ComponentProps> = (
@@ -17,9 +18,12 @@ const FieldLabelElement: FunctionComponent<ComponentProps> = (
   return (
     <>
       <label
-        className={`block ${
-          props.isHeading ? "text-lg" : "text-sm"
-        }  font-medium text-gray-700 flex justify-between`}
+        className={
+          props.className ||
+          `block ${
+            props.isHeading ? "text-lg" : "text-sm"
+          }  font-medium text-gray-700 flex justify-between`
+        }
       >
         <span>
           {props.title}{" "}