diff --git a/ng8-seed/src/app/components/project-detail/project-detail.component.html b/ng8-seed/src/app/components/project-detail/project-detail.component.html
index 8184141..1cdc11a 100644
--- a/ng8-seed/src/app/components/project-detail/project-detail.component.html
+++ b/ng8-seed/src/app/components/project-detail/project-detail.component.html
@@ -329,10 +329,7 @@
                               <ng-container matColumnDef="Sponsor_Qty">
                                 <mat-header-cell   *matHeaderCellDef > Sponsored Qty </mat-header-cell>
                                 <mat-cell  data-label="Sponsored Qty" *matCellDef="let row;let i = index"> <input step="1" min="1" max="" title="Qty" [(ngModel)]="sponsor_qty[i]" class="text" size="2" type="number" (change)="somethingChanged($event.target.value,i,row.cost_per_unit,row.mat_id,row)" 
-                                  [ngClass]="{
-                                  'sponsor_input_desk':clientWidth >= 500,
-                                  'sponsor_input_mob':clientWidth <= 500
-                                }" > </mat-cell>
+                                    class="sponsor_input"> </mat-cell>
                               </ng-container>
                              
                               <!-- price Column -->
diff --git a/ng8-seed/src/app/components/project-detail/project-detail.component.scss b/ng8-seed/src/app/components/project-detail/project-detail.component.scss
index d6fcca8..a10ecec 100644
--- a/ng8-seed/src/app/components/project-detail/project-detail.component.scss
+++ b/ng8-seed/src/app/components/project-detail/project-detail.component.scss
@@ -378,20 +378,24 @@ table {
   justify-content: center;
 
 }
-.mat-column-Balance_Qty{
+.mat-column-balance_Qty{
   justify-content: center;
 
 }
 .mat-column-Cost_Per_Unit{
-  justify-content: right;
+  flex: 0 0 12%;
+  justify-content: flex-end !important;
 }
 .mat-column-Amount{
-  justify-content: right;
+  justify-content: flex-end !important;
 }
-.sponsor_input_desk{
+.sponsor_input{
   width: 100% ;
   text-align: center;
 }
-.sponsor_input_mob{
-  width: 30%;
+@media(max-width:580px){
+.sponsor_input{
+  width:30%;
+  text-align: left;
+}
 }
\ No newline at end of file