diff --git a/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.html b/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.html
index 292aa1940..12c7d1fa9 100644
--- a/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.html
+++ b/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.html
@@ -1,14 +1,14 @@
 <div class="container mat-elevation-z8">
   <mat-card>
     @if (transactionType.withdrawal) {
-      <h2 mat-title class="m-l-10">
+      <mat-card-title class="form-heading">
         {{ 'labels.heading.Withdraw Money From Saving Account' | translate }}
-      </h2>
+      </mat-card-title>
     }
     @if (transactionType.deposit) {
-      <h2 mat-title class="m-l-10">
+      <mat-card-title class="form-heading">
         {{ 'labels.heading.Deposit Money To Saving Account' | translate }}
-      </h2>
+      </mat-card-title>
     }
 
     <form [formGroup]="savingAccountTransactionForm" (ngSubmit)="submit()">
diff --git a/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.scss b/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.scss
index 1fcb1ebc0..184f077fd 100644
--- a/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.scss
+++ b/src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.scss
@@ -13,3 +13,9 @@
 .right-label {
   padding-right: 25px !important;
 }
+
+.form-heading {
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}