diff --git a/client/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.js b/client/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.js
index 87d1b9722..610050a9b 100644
--- a/client/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.js
+++ b/client/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.js
@@ -23,7 +23,7 @@ export default function ReceiptDetailHeader() {
         </DetailItem>
         <DetailItem
           label={intl.get('receipt.details.receipt_number')}
-          children={defaultTo(receipt.receipt_no, '-')}
+          children={defaultTo(receipt.receipt_number, '-')}
         />
         <DetailItem
           label={intl.get('customer_name')}
diff --git a/client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.js b/client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.js
index d14478e3e..60ec206bb 100644
--- a/client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.js
+++ b/client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.js
@@ -201,14 +201,14 @@ function ReceiptFormHeader({
       </FastField>
 
       {/* ----------- Reference ----------- */}
-      <FastField name={'reference'}>
+      <FastField name={'reference_no'}>
         {({ field, meta: { error, touched } }) => (
           <FormGroup
             label={<T id={'reference'} />}
             inline={true}
             className={classNames('form-group--reference', CLASSES.FILL)}
             intent={inputIntent({ error, touched })}
-            helperText={<ErrorMessage name="reference" />}
+            helperText={<ErrorMessage name="reference_no" />}
           >
             <InputGroup minimal={true} {...field} />
           </FormGroup>