diff --git a/src/app/components/offers-received/offers-received.component.html b/src/app/components/offers-received/offers-received.component.html
index 7601ceb..9d501ac 100644
--- a/src/app/components/offers-received/offers-received.component.html
+++ b/src/app/components/offers-received/offers-received.component.html
@@ -5,60 +5,103 @@
 <div *ngFor="let item of offerDataReduced">
   <div class="offerBanner">
     <div style="padding: 5px 0 5px 10px; color: red; font-weight: bolder; font-size: 16px;"> New Offer Expires : {{item.expire | date}}</div>
-    <div style="display: flex;">
-      <div style="min-width: 90px; padding: 10px; max-width: 90px;" ><img
+    <div style="display: flex; padding-bottom: 5px;">
+      <div style="min-width: 90px; padding: 10px; max-width: 90px; max-height: 90px;" ><img
               class="bg_image back_image banner_image"
-              alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
+              alt="job banner" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
       </div>
       <div>
         <div style="width: 100%; flex-direction: column;">
           <div class="offer_title">{{(item.title.length > 65) ? item.title.substring(0,64)+"...": item.title }}</div>
 
           <div style="display: flex; width: 100%;">
-<!--            <div class="expire" style="width: 70%;">Expires : {{item.expire | date}}</div>-->
             <div style="width: 150px;" class="price">{{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
-            <div style="text-align: right; padding-left: 5px;">
-              <ion-button size="small" (click)="openOfferDetail(item)" color="secondary" fill="outline" shape="round">{{  (currOpenOffer !='' && currOpenOffer==item.offer_uid)? 'Close': 'View'}} </ion-button>
+            <div style="text-align: right; padding: 0 0 0 5px;">
+              <ion-button
+                      size="small"
+                      (click)="openOfferDetail(item)"
+                      color="secondary" fill="outline" shape="round">{{  (currOpenOffer !='' && currOpenOffer==item.offer_uid)? 'Close': 'View'}} </ion-button>
             </div>
           </div>
 
         </div>
       </div>
     </div>
-    <div *ngIf="currOpenOffer !='' && currOpenOffer==item.offer_uid" style="border-radius: 10px; margin: 15px;">
-       <div>
-        <ion-list style="font-size: 14px;">
-            <ion-item>
-                <ion-label class="bold_text ion-text-wrap">{{item.title }}</ion-label>
-            </ion-item>
-            <ion-item>
-                <ion-label  class="ion-text-wrap">{{item.description}}</ion-label>
-            </ion-item>
-            <ion-item>
-                <ion-label  class="ion-text-nowrap price">{{item.price*0.01| number : '1.2-2'}} {{item.currency}} {{item.timeline_days}} day(s) </ion-label>
-            </ion-item>
 
-            <ion-item>
-                <ion-textarea
-                        style="height: 120px; background-color: whitesmoke; margin: 0; font-size: 14px"
-                        [autoGrow]="false"
-                        [rows]="5"
-                        value={{item.job_description}}
-                >
-                </ion-textarea>
-            </ion-item>
-            <ion-item>
-                <div style="display: flex; padding: 5px; width: 100%;">
-                    <div style="width: 50%;">
-                        <ion-button size="small" (click)="requestReject(item)" color="danger" fill="clear" shape="round">Reject</ion-button>
-                    </div>
-                    <div style="width: 50%; text-align: right;">
-                        <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>
-                    </div>
-                </div>
-            </ion-item>
-        </ion-list>
-        </div>
-    </div>
+      <div *ngIf="currOpenOffer !='' && currOpenOffer==item.offer_uid" style="border-radius: 10px; margin: 15px;">
+          <div>
+              <div style="font-size: 14px; background-color: transparent;">
+                  <div>
+                      <ion-label class="bold_text ion-text-wrap">{{item.title}}</ion-label>
+                  </div>
+                  <div>
+                      <ion-label  class="ion-text-wrap">{{item.description}}</ion-label>
+                  </div>
+                  <div>
+                      <ion-label  class="ion-text-nowrap price">Reward : {{item.price*0.01| number : '1.2-2'}} {{item.currency}} Duration : {{item.timeline_days}} day(s) </ion-label>
+                  </div>
+
+                  <div>
+                      <ion-textarea
+                              style="height: 120px; background-color: white; padding: 5px;  margin: 0; font-size: 14px; border-radius: 5px;"
+                              [autoGrow]="false"
+                              [rows]="5"
+                              [readonly]="true"
+                              value={{item.job_description}}
+                      >
+                      </ion-textarea>
+                  </div>
+                  <div>
+                      <div style="display: flex; padding: 5px; width: 100%;">
+                          <div style="width: 50%;">
+                              <ion-button size="small" (click)="requestReject(item)" color="danger" fill="clear" shape="round">Reject</ion-button>
+                          </div>
+                          <div style="width: 50%; text-align: right;">
+                              <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+
+
+<!--      <div *ngIf="currOpenOffer !='' && currOpenOffer==item.offer_uid" style="border-radius: 10px; margin: 15px;">-->
+<!--       <div>-->
+<!--        <ion-list style="font-size: 14px; background-color: transparent;">-->
+<!--            <ion-item>-->
+<!--                <ion-label class="bold_text ion-text-wrap">{{item.title}}</ion-label>-->
+<!--            </ion-item>-->
+<!--            <ion-item>-->
+<!--                <ion-label  class="ion-text-wrap">{{item.description}}</ion-label>-->
+<!--            </ion-item>-->
+<!--            <ion-item>-->
+<!--                <ion-label  class="ion-text-nowrap price">{{item.price*0.01| number : '1.2-2'}} {{item.currency}} {{item.timeline_days}} day(s) </ion-label>-->
+<!--            </ion-item>-->
+
+<!--            <ion-item>-->
+<!--                <ion-textarea-->
+<!--                        style="height: 120px; background-color: whitesmoke; margin: 0; font-size: 14px"-->
+<!--                        [autoGrow]="false"-->
+<!--                        [rows]="5"-->
+<!--                        value={{item.job_description}}-->
+<!--                >-->
+<!--                </ion-textarea>-->
+<!--            </ion-item>-->
+<!--            <ion-item>-->
+<!--                <div style="display: flex; padding: 5px; width: 100%;">-->
+<!--                    <div style="width: 50%;">-->
+<!--                        <ion-button size="small" (click)="requestReject(item)" color="danger" fill="clear" shape="round">Reject</ion-button>-->
+<!--                    </div>-->
+<!--                    <div style="width: 50%; text-align: right;">-->
+<!--                        <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--            </ion-item>-->
+<!--        </ion-list>-->
+<!--        </div>-->
+<!--    </div>-->
+
+
   </div>
 </div>
diff --git a/src/app/components/offers-received/offers-received.component.scss b/src/app/components/offers-received/offers-received.component.scss
index 13ce603..a102246 100644
--- a/src/app/components/offers-received/offers-received.component.scss
+++ b/src/app/components/offers-received/offers-received.component.scss
@@ -3,7 +3,7 @@
   font-weight: bolder;
 }
 .offerBanner{
-  box-shadow: 3px 2px 2px #bbadad;
+  box-shadow: 2px 1px 1px #bbadad;
  //background-color: #e8f1e8;
   background: linear-gradient(to top, #f0f8ff 0%, #f0f9fd 100%);
   border-radius: 10px;