diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-allocation/pd-allocation.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-allocation/pd-allocation.component.html
index 09b7d660a..d7cd16fcc 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-allocation/pd-allocation.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-allocation/pd-allocation.component.html
@@ -13,11 +13,11 @@
      
         <div   *ngIf="pdOfficerList.length > 0" >
             <div fxLayout="row wrap" fxFlex="100%">
-                <div  fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdOfficerList; ">
+                <div  fxLayout="row wrap" fxFlex="22%" *ngFor="let officer of pdOfficerList; ">
                      <mat-card fxFlex="100%">
                                <mat-card-content style="text-align:center">
                                     <mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
-                                    <img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
+                                    <img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:100px;height:100px;"><br>
                                     <span>{{officer.first_name}}</span>                                   
                                         <br>
                                     <span>{{officer.mobile_no}}</span><br>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/smart-pd-allocation/smart-pd-allocation.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/smart-pd-allocation/smart-pd-allocation.component.html
index 0c7f1b24d..b5711e5a9 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/smart-pd-allocation/smart-pd-allocation.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/smart-pd-allocation/smart-pd-allocation.component.html
@@ -13,7 +13,7 @@
       <!-- <form [formGroup]="_pdAllocationForm" (submit)="onSubmit()"> -->
           <div   *ngIf="pdCentralOfficerList.length > 0" >
             <div fxLayout="row wrap" fxFlex="100%">
-                <div  fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdCentralOfficerList; ">
+                <div  fxLayout="row wrap" fxFlex="22%" *ngFor="let officer of pdCentralOfficerList; ">
                     <!-- <p><mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
                          {{officer.first_name}}
                        </p>
@@ -31,10 +31,10 @@
                              <mat-card fxFlex="100%">
                                <mat-card-content style="text-align:center">
                                     <mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
-                                    <img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
+                                    <img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:100px;height:100px;"><br>
                                     <span>{{officer.first_name}}</span>                                   
                                         <br>
-                                    <span>{{officer.mobile_no}}</span>
+                                    <span>{{officer.mobile_no}}</span> <br>
                                     <span>PD in hand - {{officer.count}}</span>                                   
                                </mat-card-content>                     
                              </mat-card> 
@@ -64,11 +64,11 @@
             
                 <div   *ngIf="pdExcutiveList.length > 0" >
                         <div fxLayout="row wrap" fxFlex="100%">
-                            <div  fxLayout="row wrap" fxFlex="33.33%" *ngFor="let excutive of pdExcutiveList">
+                            <div  fxLayout="row wrap" fxFlex="22%" *ngFor="let excutive of pdExcutiveList">
                                 <mat-card fxFlex="100%">
                                 <mat-card-content style="text-align:center">
                                 <mat-radio-button [value]="excutive" (change)="selectExcutiveOfficer(excutive)"></mat-radio-button>
-                                    <img [src]="excutive.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
+                                    <img [src]="excutive.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:100px;height:100px;"><br>
                                     <span>{{excutive.first_name}}</span>                                   
                                         <br>
                                     <span>{{excutive.mobile_no}}</span>  <br>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/tele-pd-allocation/tele-pd-allocation.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/tele-pd-allocation/tele-pd-allocation.component.html
index 125066e83..fc8ef5769 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/tele-pd-allocation/tele-pd-allocation.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/tele-pd-allocation/tele-pd-allocation.component.html
@@ -13,11 +13,11 @@
    
       <div   *ngIf="pdCentralOfficerList.length > 0" >
           <div fxLayout="row wrap" fxFlex="100%">
-              <div  fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdCentralOfficerList; ">
+              <div  fxLayout="row wrap" fxFlex="22%" *ngFor="let officer of pdCentralOfficerList; ">
                    <mat-card fxFlex="100%">
                              <mat-card-content style="text-align:center">
                                   <mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
-                                  <img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
+                                  <img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:100px;height:100px;"><br>
                                   <span>{{officer.first_name}}</span>                                   
                                       <br>
                                   <span>{{officer.mobile_no}}</span><br>