diff --git a/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.html b/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.html
index 59c8655b2..8c29e86bc 100644
--- a/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.html
+++ b/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.html
@@ -1,6 +1,6 @@
 <div fxLayout="row wrap" fxLayout.lt-md="column">
 
-    <div fxFlexFill fxLayout="row wrap" fxLayout.lt-md="column">
+    <div fxFlexFill *ngIf="accountingRule" fxLayout="row wrap" fxLayout.lt-md="column">
         <span fxFlex="40%">Type:</span>
         <span fxFlex="60%">{{ accountingRule.value }}</span>
     </div>
diff --git a/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.ts b/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.ts
index 4ccbafe94..8d1e07997 100644
--- a/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.ts
+++ b/src/app/shared/accounting/view-savings-accounting-details/view-savings-accounting-details.component.ts
@@ -18,11 +18,17 @@ export class ViewSavingsAccountingDetailsComponent implements OnInit {
   }
 
   isCashOrAccrualAccounting(): boolean {
-    return this.accounting.isCashOrAccrualAccounting(this.accountingRule);
+    if (this.accountingRule) {
+      return this.accounting.isCashOrAccrualAccounting(this.accountingRule);
+    }
+    return false;
   }
 
   isAccrualAccounting(): boolean {
-    return this.accounting.isAccrualAccounting(this.accountingRule);
+    if (this.accountingRule) {
+      return this.accounting.isAccrualAccounting(this.accountingRule);
+    }
+    return false;
   }
 
 }