diff --git a/src/loc/IdentityLocRequest.tsx b/src/loc/IdentityLocRequest.tsx
index 01da0a1f..e4d5c6bc 100644
--- a/src/loc/IdentityLocRequest.tsx
+++ b/src/loc/IdentityLocRequest.tsx
@@ -42,7 +42,7 @@ export default function IdentityLocRequest(props: Props) {
     const [ invalidCompanyName, setInvalidCompanyName ] = useState<string>();
     const { accounts } = useLogionChain();
     const navigate = useNavigate();
-    const selectablelegalOfficers = useMemo(() => {
+    const selectableLegalOfficers = useMemo(() => {
         const legalOfficersWithNonVoidIdentityLoc = locsState?.legalOfficersWithNonVoidIdentityLoc.map(lo => lo.account.address);
         return availableLegalOfficers?.filter(lo => legalOfficersWithNonVoidIdentityLoc?.includes(lo.account.address) === false);
     }, [ locsState?.legalOfficersWithNonVoidIdentityLoc, availableLegalOfficers ]);
@@ -120,7 +120,7 @@ export default function IdentityLocRequest(props: Props) {
                         <SelectLegalOfficer
                             legalOfficer={ legalOfficer }
                             legalOfficerNumber={ 1 }
-                            legalOfficers={ selectablelegalOfficers || [] }
+                            legalOfficers={ selectableLegalOfficers || [] }
                             mode="select"
                             otherLegalOfficer={ null }
                             setLegalOfficer={ setLegalOfficer }
diff --git a/src/wallet-user/protection/SelectLegalOfficer.tsx b/src/wallet-user/protection/SelectLegalOfficer.tsx
index 42e23364..ad7f2783 100644
--- a/src/wallet-user/protection/SelectLegalOfficer.tsx
+++ b/src/wallet-user/protection/SelectLegalOfficer.tsx
@@ -52,7 +52,7 @@ export default function SelectLegalOfficer(props: Props) {
     const colors = props.colors !== undefined ? props.colors : colorTheme.frame;
     const feedback = props.feedback ? props.feedback : "Required and different from other legal officer";
     const { label } = props;
-    const [ legalOfficersOptions, setLegalOfficersOptions ] = useState<OptionType<ValidAccountId>[]>([]);
+    const [ legalOfficersOptions, setLegalOfficersOptions ] = useState<OptionType<ValidAccountId>[]>();
 
     const legalOfficersByAddress: Record<string, LegalOfficerClass> = {};
     props.legalOfficers.forEach(legalOfficer => {
@@ -60,7 +60,7 @@ export default function SelectLegalOfficer(props: Props) {
     });
 
     useEffect(() => {
-        if(legalOfficersOptions.length === 0) {
+        if(legalOfficersOptions === undefined) {
             buildOptions(props.legalOfficers)
                 .then(options => setLegalOfficersOptions(options));
         }
@@ -108,7 +108,7 @@ export default function SelectLegalOfficer(props: Props) {
                         control={
                             <Select
                                 isInvalid={ props.legalOfficer === null || (props.otherLegalOfficer !== null && props.legalOfficer.account.equals(props.otherLegalOfficer.account)) }
-                                options={ legalOfficersOptions }
+                                options={ legalOfficersOptions || [] }
                                 value={ props.legalOfficer !== null ? props.legalOfficer.account : null}
                                 onChange={ value => props.setLegalOfficer!(legalOfficersByAddress[value!.address] || null) }
                                 disabled={ props.mode === "view" }