diff --git a/apps/client/src/features/rundown/event-editor/EventEditor.module.scss b/apps/client/src/features/rundown/event-editor/EventEditor.module.scss index 685ccf0f3..33e7a09ab 100644 --- a/apps/client/src/features/rundown/event-editor/EventEditor.module.scss +++ b/apps/client/src/features/rundown/event-editor/EventEditor.module.scss @@ -45,7 +45,6 @@ font-size: calc(1rem - 3px); color: $label-gray; margin-bottom: 0.25rem; - text-transform: capitalize; } .decorated { diff --git a/apps/client/src/features/rundown/event-editor/EventEditor.tsx b/apps/client/src/features/rundown/event-editor/EventEditor.tsx index 05e6efa8b..c3abcd70a 100644 --- a/apps/client/src/features/rundown/event-editor/EventEditor.tsx +++ b/apps/client/src/features/rundown/event-editor/EventEditor.tsx @@ -108,17 +108,18 @@ export default function EventEditor() { Manage - {Object.keys(customFields).map((label) => { - const key = `${event.id}-${label}`; - const fieldName = `custom-${label}`; - const initialValue = event.custom[label] ?? ''; - const { backgroundColor, color } = getAccessibleColour(customFields[label].colour); + {Object.keys(customFields).map((fieldKey) => { + const key = `${event.id}-${fieldKey}`; + const fieldName = `custom-${fieldKey}`; + const initialValue = event.custom[fieldKey] ?? ''; + const { backgroundColor, color } = getAccessibleColour(customFields[fieldKey].colour); + const labelText = customFields[fieldKey].label; return (