diff --git a/src/pages/InvoiceForm.vue b/src/pages/InvoiceForm.vue
index ad145434..adc80a06 100644
--- a/src/pages/InvoiceForm.vue
+++ b/src/pages/InvoiceForm.vue
@@ -165,6 +165,22 @@
               <div>{{ _('Grand Total') }}</div>
               <div>{{ formattedValue('grandTotal') }}</div>
             </div>
+            <div
+              v-if="doc.outstandingAmount > 0"
+              class="
+                flex
+                pl-2
+                justify-between
+                py-3
+                border-t
+                text-red-600
+                font-semibold
+                text-base
+              "
+            >
+              <div>{{ _('Outstanding Amount') }}</div>
+              <div>{{ formattedValue('outstandingAmount') }}</div>
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/pages/JournalEntryForm.vue b/src/pages/JournalEntryForm.vue
index c027659d..653bc591 100644
--- a/src/pages/JournalEntryForm.vue
+++ b/src/pages/JournalEntryForm.vue
@@ -107,10 +107,10 @@
                 :read-only="doc.submitted"
               />
             </div>
-            <div class="text-right font-semibold text-green-700 px-3">
+            <div class="text-right font-semibold text-green-600 px-3">
               {{ totalDebit }}
             </div>
-            <div class="text-right font-semibold text-red-700 px-3">
+            <div class="text-right font-semibold text-red-600 px-3">
               {{ totalCredit }}
             </div>
           </div>
diff --git a/src/pages/QuickEditForm.vue b/src/pages/QuickEditForm.vue
index 471064e7..758eb228 100644
--- a/src/pages/QuickEditForm.vue
+++ b/src/pages/QuickEditForm.vue
@@ -30,7 +30,8 @@
             meta.isSubmittable &&
             doc &&
             !doc.submitted &&
-            !doc._notInserted
+            !doc._notInserted &&
+            !(doc.cancelled || false)
           "
           class="ml-2 text-white text-xs"
         >