diff --git a/src/main/webapp/app/entities/customer/customer-detail.component.html b/src/main/webapp/app/entities/customer/customer-detail.component.html
index 3a74ce9e..c8b4fb84 100644
--- a/src/main/webapp/app/entities/customer/customer-detail.component.html
+++ b/src/main/webapp/app/entities/customer/customer-detail.component.html
@@ -51,7 +51,7 @@
                 </dd>
                 <dt><span jhiTranslate="hsadminNgApp.customer.contractualAddress">Contractual Address</span></dt>
                 <dd>
-                    <span>{{customer.contractualAddress}}</span>
+                    <span [innerHTML]="customer.contractualAddress | linebreaks"></span>
                 </dd>
                 <dt><span jhiTranslate="hsadminNgApp.customer.billingSalutation">Billing Salutation</span></dt>
                 <dd>
@@ -59,7 +59,7 @@
                 </dd>
                 <dt><span jhiTranslate="hsadminNgApp.customer.billingAddress">Billing Address</span></dt>
                 <dd>
-                    <span>{{customer.billingAddress}}</span>
+                    <span [innerHTML]="customer.billingAddress | linebreaks"></span>
                 </dd>
                 <dt><span jhiTranslate="hsadminNgApp.customer.remark">Remark</span></dt>
                 <dd>
diff --git a/src/main/webapp/app/entities/customer/customer-update.component.html b/src/main/webapp/app/entities/customer/customer-update.component.html
index 0a498111..0a234117 100644
--- a/src/main/webapp/app/entities/customer/customer-update.component.html
+++ b/src/main/webapp/app/entities/customer/customer-update.component.html
@@ -159,9 +159,10 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="form-control-label" jhiTranslate="hsadminNgApp.customer.contractualAddress" for="field_contractualAddress">Contractual Address</label>
-                    <input type="text" class="form-control" name="contractualAddress" id="field_contractualAddress"
-                        [(ngModel)]="customer.contractualAddress" required maxlength="400"/>
+                    <label class="form-control-label" jhiTranslate="hsadminNgApp.customer.contractualAddress"
+                           for="field_contractualAddress">Contractual Address X</label>
+                    <textarea class="form-control" name="contractualAddress" id="field_contractualAddress" rows="3"
+                              [(ngModel)]="customer.contractualAddress" required maxlength="400"></textarea>
                     <div [hidden]="!(editForm.controls.contractualAddress?.dirty && editForm.controls.contractualAddress?.invalid)">
                         <small class="form-text text-danger"
                         [hidden]="!editForm.controls.contractualAddress?.errors?.required" jhiTranslate="entity.validation.required">
@@ -186,8 +187,8 @@
                 </div>
                 <div class="form-group">
                     <label class="form-control-label" jhiTranslate="hsadminNgApp.customer.billingAddress" for="field_billingAddress">Billing Address</label>
-                    <input type="text" class="form-control" name="billingAddress" id="field_billingAddress"
-                        [(ngModel)]="customer.billingAddress" maxlength="400"/>
+                    <textarea class="form-control" name="billingAddress" id="field_billingAddress" rows="3"
+                              [(ngModel)]="customer.billingAddress" maxlength="400"></textarea>
                     <div [hidden]="!(editForm.controls.billingAddress?.dirty && editForm.controls.billingAddress?.invalid)">
                         <small class="form-text text-danger"
                         [hidden]="!editForm.controls.billingAddress?.errors?.maxlength" jhiTranslate="entity.validation.maxlength" [translateValues]="{ max: 400 }">