diff --git a/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.css b/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.css
index fa00189..9fc3c75 100644
--- a/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.css
+++ b/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.css
@@ -2,6 +2,10 @@
     width: 100%;
 }
 
-.m-10 {
-    margin: 10px;
+.w-50 {
+    width: 50%;
+}
+
+.m-5 {
+    margin: 5px;
 }
\ No newline at end of file
diff --git a/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.html b/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.html
index 0397301..3890e69 100644
--- a/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.html
+++ b/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.html
@@ -15,25 +15,25 @@
       </mat-autocomplete>
     </mat-form-field>
     <br>
-    <mat-form-field>
+    <mat-form-field class="w-50">
       <mat-select formControlName="typeId">
         <mat-option *ngFor="let type of types" [value]="type.value" >
           {{type.display}}
         </mat-option>
       </mat-select>
     </mat-form-field>
-    <mat-form-field>
+    <mat-form-field class="w-50">
       <input matInput placeholder="Check Number" type="text" formControlName="checkNumber" >
     </mat-form-field>
     <div></div>
-    <mat-form-field class="w-25less10px mw-50less20px">
+    <mat-form-field class="w-50">
       <mat-select formControlName="fundId">
         <mat-option *ngFor="let fund of funds" [value]="fund.value">
           {{fund.display}}
         </mat-option>
       </mat-select>
     </mat-form-field>
-    <mat-form-field>
+    <mat-form-field class="w-50">
       <input matInput placeholder="Amount" type="number" formControlName="amount"  >
     </mat-form-field>
     <br>
@@ -41,9 +41,9 @@
       <input matInput placeholder="Description" type="text" formControlName="description"  >
     </mat-form-field>
     <br>
-    <button mat-raised-button class="m-10" type="button" (click)="cancel()" >Cancel</button>
-    <button mat-raised-button class="m-10" type="submit" [disabled]="!form.valid || saveBtnDisabled">{{ saveBtnTxt }}</button>
-    <button mat-raised-button class="m-10" type="button" (click)="onSubmit(true)" [disabled]="!form.valid || saveBtnDisabled">{{ saveAndAddBtnTxt }}</button>
+    <button mat-raised-button class="m-5" type="button" (click)="cancel()" >Cancel</button>
+    <button mat-raised-button class="m-5" type="submit" [disabled]="!form.valid || saveBtnDisabled">{{ saveBtnTxt }}</button>
+    <button mat-raised-button class="m-5" type="button" (click)="onSubmit(true)" [disabled]="!form.valid || saveBtnDisabled">{{ saveAndAddBtnTxt }}</button>
   </form>
 
     
diff --git a/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.ts b/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.ts
index 14042c3..5490117 100644
--- a/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.ts
+++ b/Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.ts
@@ -34,7 +34,7 @@ export class AddTransactionPopupComponent implements OnInit {
 
   saveBtnDisabled: boolean = false;
   saveBtnTxt: string = 'Save';
-  saveAndAddBtnTxt: string = 'Save and Add';
+  saveAndAddBtnTxt: string = 'Save & Add';
   contributors: ValDisplay[] = [];
   filteredContributors: ValDisplay[]
   funds: ValDisplay[];