diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss
index d634ac9e9..bb27e4477 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss
@@ -1,5 +1,5 @@
 .banlFields mat-form-field {
-  //width: 100%;
+  width: 27%;
   margin: 0 2%;
 }
 .bankForm .button {
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss
index 04f58a38e..77cadfaa7 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss
@@ -9,6 +9,7 @@
 }
 .matcard mat-form-field {
   margin: 0 2%;
+  width:26%;
 }
 .address .button {
   float: right;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
index 5ba35936f..cae8374b5 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
@@ -23,7 +23,7 @@
         <div formArrayName="earningMembers">
             <div *ngFor="let item of familyForm.controls.earningMembers['controls']; let i=index"
                  [formGroupName]="i">
-                <mat-card-content class="matcard">
+                <mat-card-content class="matcards">
                     <mat-form-field>
                         <mat-select placeholder="Relation" formControlName="relation">
                             <mat-option value="{{relations.relationship_id}}"
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.scss
index db319b869..c97e4d992 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.scss
@@ -8,7 +8,12 @@
   width: 100%;
 }
 .matcard mat-form-field {
+  margin: 0 2%; 
+  width:27%;
+}
+.matcards mat-form-field {
   margin: 0 2%;
+  width:40%; 
 }
 .address .button {
   float: right;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.scss
index db319b869..345378a3b 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.scss
@@ -9,6 +9,7 @@
 }
 .matcard mat-form-field {
   margin: 0 2%;
+  width:26%;
 }
 .address .button {
   float: right;