diff --git a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html
index a7f1b0b6e..63d7d6647 100644
--- a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html
+++ b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html
@@ -100,7 +100,7 @@
       <mat-datepicker #interestPicker></mat-datepicker>
     </mat-form-field>
 
-    <ng-container *ngIf="!loansAccountTemplate?.isLoanProductLinkedToFloatingRate">
+    <ng-container *ngIf="!loansAccountTermsData?.isLoanProductLinkedToFloatingRate">
 
       <mat-form-field fxFlex="48%">
         <mat-label>{{"labels.inputs.Nominal interest rate" | translate}}</mat-label>
diff --git a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts
index 10cd5c27a..a4682a74d 100644
--- a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts
+++ b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts
@@ -136,6 +136,10 @@ export class LoansAccountTermsStepComponent implements OnInit, OnChanges {
         'multiDisburseLoan': this.loansAccountTermsData.multiDisburseLoan
       });
 
+      if (this.loansAccountTermsData.isLoanProductLinkedToFloatingRate) {
+        this.loansAccountTermsForm.removeControl('interestRatePerPeriod');
+      }
+
       this.multiDisburseLoan = this.loansAccountTermsData.multiDisburseLoan;
       if (this.loansAccountTermsData.disbursementDetails) {
         this.disbursementDataSource = this.loansAccountTermsData.disbursementDetails;