diff --git a/src/app/components/pending-suggested/pending-suggested.component.html b/src/app/components/pending-suggested/pending-suggested.component.html
index 5021856..d77d31d 100644
--- a/src/app/components/pending-suggested/pending-suggested.component.html
+++ b/src/app/components/pending-suggested/pending-suggested.component.html
@@ -42,10 +42,10 @@
       <ion-col>
         <div class="t_label">Reward</div>
         <div class="t_item" style="display: flex;">
-          <ion-input style="background-color: lightgreen;    border-radius: 10px 0px 0px 10px;"></ion-input>
+          <ion-input style="background-color: #dff8df;    border-radius: 10px 0px 0px 10px;"></ion-input>
           <div style="max-width:2px; background-color: white; "></div>
           <ion-select style="max-width: 100px;
-                      background-color: #d6f6d6;
+                      background-color: #f5f8f5;
                       border-radius: 0px 10px 10px 0px;
 " aria-label="Favorite Fruit" value="Naira">
             <ion-select-option value="apple">NGN</ion-select-option>
@@ -56,7 +56,7 @@
       <ion-col>
         <div class="t_label">Timeline</div>
         <div class="t_item">
-          <ion-select aria-label="Time Line" value="0" style="background-color: lightgreen; border-radius: 10px 10px 10px 10px;">
+          <ion-select aria-label="Time Line" value="0" style="background-color: #dff8df; border-radius: 10px 10px 10px 10px;">
             <ion-select-option *ngFor="let item of timelineOptions" value="{{item.val}}">{{item.tx}}</ion-select-option>
           </ion-select>
         </div>
@@ -71,7 +71,7 @@
 
   <div class="t_label">Delivery Details</div>
   <div class="t_item">
-    <ion-textarea style="height: 150px" label="Fixed label" labelPlacement="fixed" placeholder="Enter text"></ion-textarea>
+    <ion-textarea style="height: 120px; background-color: #dff8df;" label="Fixed label" labelPlacement="fixed" placeholder="Enter text"></ion-textarea>
 
 <!--    <ion-list>-->
 <!--     -->
diff --git a/src/global.scss b/src/global.scss
index 3d11f20..0aea416 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -305,16 +305,16 @@ height: 45px;
 }
 .modal-head{
   height: 45px;
-  background-color: #4c8dff;
+ // background-color: #4c8dff;
   color: white;
   font-weight: bolder;
   font-size: 18px;
   ion-toolbar{
     height: 45px;
-    background-color: yellow;
+  //  background-color: yellow;
     ion-title{
-      height: 45px;
-      background-color: #4B5DFA;
+      height: 45px !important;
+     // background-color: #4B5DFA;
     }
   }
 }
\ No newline at end of file