diff --git a/src/app/boards/[...boardId]/components/NewCardForm.tsx b/src/app/boards/[...boardId]/components/NewCardForm.tsx
index ebedfa9b..c22bcded 100644
--- a/src/app/boards/[...boardId]/components/NewCardForm.tsx
+++ b/src/app/boards/[...boardId]/components/NewCardForm.tsx
@@ -199,7 +199,7 @@ export function NewCardForm({ listPublicId }: NewCardFormProps) {
                         >
                           <span className="text-[8px] font-medium leading-none text-white">
                             {member?.value
-                              .split(" ")
+                              ?.split(" ")
                               .map((namePart) =>
                                 namePart.charAt(0).toUpperCase(),
                               )
@@ -240,7 +240,7 @@ export function NewCardForm({ listPublicId }: NewCardFormProps) {
                         return (
                           <>
                             <svg
-                              fill={label?.colourCode}
+                              fill={label?.colourCode ?? "#3730a3"}
                               className="h-2 w-2"
                               viewBox="0 0 6 6"
                               aria-hidden="true"
diff --git a/src/app/components/CheckboxDropdown.tsx b/src/app/components/CheckboxDropdown.tsx
index baec2857..eb07787a 100644
--- a/src/app/components/CheckboxDropdown.tsx
+++ b/src/app/components/CheckboxDropdown.tsx
@@ -7,7 +7,7 @@ interface CheckboxDropdownProps {
   children: React.ReactNode;
   items: {
     key: string;
-    value: string;
+    value: string | null;
     selected: boolean;
   }[];
   handleSelect: (item: { key: string }) => void;