diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
index a79735f1e..17292f75b 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
@@ -16,14 +16,15 @@
     </mat-card-header>
     <mat-card-content style="max-height:100% !important;">
         <div fxLayout="row wrap" class="child_mat_card">
-        <mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="30" fxFlex.lg="23" fxFlex.xl="23" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#fff' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
-            <mat-card-header >
-                    <div fxFlex="90" align="left" style="padding:15px !important;">
-                        {{ (formButton.form_name.length>17)? (formButton.form_name | slice:0:17)+'..':(formButton.form_name) }}
+        <mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="32" fxFlex.lg="32" fxFlex.xl="33" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#fff' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
+            <mat-card-header>
+                     <span style="padding: 17px 14px 3px 15px !important;border-radius: 0px 0px 0px 15px!important;width: 50px !important;" class="menu-badge mat-purple ng-star-inserted" align="center">{{quesIndex+1}}</span>
+                    <div fxFlex="100" align="left" style="padding:15px !important;">
+                        {{ formButton.form_name }}
                     </div>                    
-                    <div fxFlex="20" align="end">
+                    <!--<div fxFlex="20" align="end">
                         <span style="padding: 2px 9px 3px 9px !important;" class="menu-badge mat-purple ng-star-inserted" align="center">{{quesIndex+1}}</span>
-                    </div>            
+                    </div>            -->
             </mat-card-header>
         </mat-card>                                                                                                                                          
     </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
index ce04f2137..bd80283eb 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
@@ -1,6 +1,12 @@
 // .child_mat_card mat-card {
 //      margin: 2 0%;
 // }
+   ::ng-deep .mat-card-header-text{
+        margin:0px !important;
+    }
+    .mat-purple{
+           background-color: gray !important;
+    }
 mat-card.parent_mat_card > {
     mat-card-header {
         display: flex;
@@ -11,6 +17,8 @@ mat-card.parent_mat_card > {
         max-height:52vh;
         overflow:auto;  
     }
+  
+   
     .user-thumb {
     position: absolute;
     bottom: -35%;
@@ -66,3 +74,4 @@ mat-card .child_mat_card > mat-card {
     }
        
     }
+