diff --git a/components/screen-employee-sign-in/screen-employee-sign-in.component.jsx b/components/screen-employee-sign-in/screen-employee-sign-in.component.jsx
index 9b7398e..9c29066 100644
--- a/components/screen-employee-sign-in/screen-employee-sign-in.component.jsx
+++ b/components/screen-employee-sign-in/screen-employee-sign-in.component.jsx
@@ -45,7 +45,9 @@ export function EmployeeSignIn({
           initialValues={{ employeeId: "", pin: "" }}
           onSubmit={formSubmit}
         >
-          {({ handleChange, handleBlur, handleSubmit, values }) => (
+          {({ handleChange, handleBlur, handleSubmit, values }) => {
+const signingErrorMsg = signingError ? (<ErrorDisplay errorMessage={signingError} />) : null;
+            return(
             <View>
               <TextInput
                 label={t("employeesignin.fields.employeeid")}
@@ -66,7 +68,7 @@ export function EmployeeSignIn({
                 value={values.pin}
                 style={[localStyles.input]}
               />
-              {signingError && <ErrorDisplay errorMessage={signingError} />}
+              {signingErrorMsg}
               <Button
                 mode="outlined"
                 loading={signingIn}
@@ -75,7 +77,8 @@ export function EmployeeSignIn({
                 <Text>{t("employeesignin.actions.employeesignin")}</Text>
               </Button>
             </View>
-          )}
+            )
+}}
         </Formik>
       </View>
     </View>