diff --git a/src/app/components/dash-toptool/dash-toptool.component.html b/src/app/components/dash-toptool/dash-toptool.component.html
index 43865fd..6958931 100644
--- a/src/app/components/dash-toptool/dash-toptool.component.html
+++ b/src/app/components/dash-toptool/dash-toptool.component.html
@@ -1,49 +1,50 @@
-<div class="top-tool" style="width: 100%; display: flex; padding: 7px;"  *ngIf="walletDescription !='' || active_job_count != 0">
-   <div style="text-align: left; width: 75%;">
-     <ion-button
-             *ngIf="walletDescription !='' "
-             style="border-radius: 10px; font-weight: bolder; font-size: 12px;  margin: 0 3px 0 3px;"
-             fill="solid"
+<div class="top-tool" style="width: 100%; display: flex; padding: 7px;"
+     *ngIf="walletDescription !='' || active_job_count != 0">
+    <div style="text-align: left; width: 75%;">
+        <ion-button
+                *ngIf="walletDescription !='' "
+                style="border-radius: 10px; font-weight: bolder; font-size: 12px;  margin: 0 3px 0 3px;"
+                fill="solid"
 
-             size="small"
-             color="primary"
-             (click)="myWallet()">
-       <ion-icon slot="end" name="wallet"></ion-icon>
-       {{walletDescription}}
-     </ion-button>
-<!--       <div style="padding: 0 3px 0 3px; ">|</div>-->
-     <ion-button
-             *ngIf="walletDescription =='' "
-             style="border-radius: 10px; font-weight: bolder;  font-size: 12px; margin: 0 3px 0 3px;"
-             fill="solid"
-             size="small"
-             color="primary"
-             (click)="myOffers()">
-       <ion-icon slot="end" name="wallet"></ion-icon>
-       Offers
-     </ion-button>
-     <ion-button
-           *ngIf="walletDescription =='' "
-           style="border-radius: 10px; font-weight: bolder;  font-size: 12px"
-           fill="solid"
+                size="small"
+                color="primary"
+                (click)="myWallet()">
+            <ion-icon slot="end" name="wallet"></ion-icon>
+            {{walletDescription}}
+        </ion-button>
+        <!--       <div style="padding: 0 3px 0 3px; ">|</div>-->
+        <ion-button
+                *ngIf="walletDescription =='' "
+                style="border-radius: 10px; font-weight: bolder;  font-size: 12px; margin: 0 3px 0 3px;"
+                fill="solid"
+                size="small"
+                color="secondary"
+                (click)="myOffers()">
+            <ion-icon slot="end" name="gift"></ion-icon>
+            Offers
+        </ion-button>
+        <ion-button
+                *ngIf="walletDescription =='' "
+                style="border-radius: 10px; font-weight: bolder;  font-size: 12px"
+                fill="solid"
 
-           size="small"
-           color="primary"
-           (click)="myWallet()">
-       <ion-icon slot="end" name="wallet"></ion-icon>
-       Wallet
-     </ion-button>
-   </div>
+                size="small"
+                color="primary"
+                (click)="myWallet()">
+            <ion-icon slot="end" name="wallet"></ion-icon>
+            Wallet
+        </ion-button>
+    </div>
     <div style="text-align: right; width: 25%;">
-      <ion-button
-              *ngIf="active_job_count != 0"
-              style="border-radius: 15px; font-weight: bolder;  font-size: 12px"
-              fill="solid"
+        <ion-button
+                *ngIf="active_job_count != 0"
+                style="border-radius: 15px; font-weight: bolder;  font-size: 12px"
+                fill="solid"
 
-              size="small"
-              color="primary" (click)="myJobs(1)">
-        My Jobs
-        <ion-icon slot="end" name="list"></ion-icon>
-      </ion-button>
+                size="small"
+                color="primary" (click)="myJobs(1)">
+            My Jobs
+            <ion-icon slot="end" name="list"></ion-icon>
+        </ion-button>
     </div>
 </div>
\ No newline at end of file