diff --git a/src/app/components/dash-toptool/dash-toptool.component.html b/src/app/components/dash-toptool/dash-toptool.component.html
index 37a994d..c0e6ce8 100644
--- a/src/app/components/dash-toptool/dash-toptool.component.html
+++ b/src/app/components/dash-toptool/dash-toptool.component.html
@@ -1,44 +1,10 @@
-<!--<ion-toolbar class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">-->
-<!--  <ion-buttons slot="secondary">-->
-<!--    <ion-button-->
-<!--            *ngIf="walletDescription !='' "-->
-<!--            style="border-radius: 10px; font-weight: bolder;"-->
-<!--            fill="solid"-->
-<!--            color="primary"-->
-<!--            (click)="myWallet()">-->
-<!--      <ion-icon slot="end" name="wallet"></ion-icon>-->
-<!--      {{walletDescription}}-->
-<!--    </ion-button>-->
-<!--    <ion-button-->
-<!--            *ngIf="walletDescription =='' "-->
-<!--            style="border-radius: 10px; font-weight: bolder;"-->
-<!--            fill="solid"-->
-<!--            color="primary"-->
-<!--            (click)="myWallet()">-->
-<!--      <ion-icon slot="end" name="wallet"></ion-icon>-->
-<!--      Wallet-->
-<!--    </ion-button>-->
-<!--  </ion-buttons>-->
-<!--  <ion-buttons slot="primary" *ngIf="active_job_count != 0">-->
-<!--    <ion-button-->
-<!--            style="border-radius: 15px;-->
-<!--            font-weight: bolder"-->
-<!--            fill="solid"-->
-<!--            color="primary" (click)="myJobs(1)">-->
-<!--      My Jobs-->
-<!--      <ion-icon slot="end" name="list"></ion-icon>-->
-<!--    </ion-button>-->
-<!--  </ion-buttons>-->
-<!--  &lt;!&ndash;      <ion-title>{{walletDescription}}</ion-title>&ndash;&gt;-->
-<!--</ion-toolbar>-->
-
-<div class="top-tool" style="width: 100%; display: flex;" class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">
+<div class="top-tool" style="width: 100%; display: flex; padding: 7px;"  *ngIf="walletDescription !='' || active_job_count != 0">
    <div style="text-align: left; width: 50%;">
      <ion-button
              *ngIf="walletDescription !='' "
-             style="border-radius: 10px; font-weight: bolder;"
+             style="border-radius: 10px; font-weight: bolder; font-size: 12px"
              fill="solid"
-             shape="round"
+
              size="small"
              color="primary"
              (click)="myWallet()">
@@ -47,9 +13,9 @@
      </ion-button>
      <ion-button
              *ngIf="walletDescription =='' "
-             style="border-radius: 10px; font-weight: bolder;"
+             style="border-radius: 10px; font-weight: bolder;  font-size: 12px"
              fill="solid"
-             shape="round"
+
              size="small"
              color="primary"
              (click)="myWallet()">
@@ -60,10 +26,9 @@
     <div style="text-align: right; width: 50%;">
       <ion-button
               *ngIf="active_job_count != 0"
-              style="border-radius: 15px;
-              font-weight: bolder"
+              style="border-radius: 15px; font-weight: bolder;  font-size: 12px"
               fill="solid"
-              shape="round"
+
               size="small"
               color="primary" (click)="myJobs(1)">
         My Jobs
diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index fff24b2..05e637a 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -15,7 +15,7 @@
     <ion-toolbar>
       <ion-buttons slot="start">
         <ion-button style="background-color: #fcf7ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(100);">Name & Email</ion-button>
-        <ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>
+<!--        <ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>-->
         <ion-button style="background-color: #ebe4ee; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(300);">Links</ion-button>
       </ion-buttons>
 
@@ -98,41 +98,51 @@
     <div *ngIf="tabMode == 300 " class="lesson">
       <div class="ion-padding" slot="content" style="padding: 5px">
         <div style="margin-top: 10px; background-color: whitesmoke; min-height: 100px; border-radius: 10px;">
-          <ion-grid>
+          <ion-grid style="background-color: #0b5e86;border-radius: 10px;">
             <ion-row>
-              <ion-col style="text-align: left; color: #0b5e86; font-size: 12px;">
+              <ion-col style="text-align: left; color: #ffffff; font-size: 12px;">
                 Send your link to your email and share it with your friend; any signup will automatically link to your account for points.
               </ion-col>
             </ion-row>
             <ion-row style="padding: 0; margin: 0;">
               <ion-col style="padding: 0; margin: 0;">
-                <div
-                      style="background-color: #eff2f4;
-                      border-radius: 5px;
-                      padding: 10px 1px 10px 1px;
-                      height: 20px;
-                      font-size: 14px;
-                      font-weight: bolder;
-                      border-color: #3dc2ff;"
-                        [innerHTML]="refer_link">
 
-                </div>
-<!--               <ion-textarea [readonly]="true" style="background-color: #eff2f4;-->
-<!--               border-radius: 5px;-->
-<!--               padding: 10px 1px 10px 1px;-->
-<!--               height: 20px;-->
-<!--               font-size: 14px;-->
-<!--               font-weight: bolder;-->
-<!--               border-color: #3dc2ff;"-->
-<!--                             [innerHTML]="refer_link"-->
-<!--               >-->
+                <ion-textarea label="Refer Link"
+                              style="min-height: 70px; background-color: white; font-size: 12px; font-weight: bolder; text-align: center;"
+                              maxlength="1440"
+                              labelPlacement="floating"
+                              [(ngModel)]="refer_link"
+                              value={{refer_link}}
+                              placeholder="Refer Link">
+                </ion-textarea>
+
+              </ion-col>
+            </ion-row>
+
+            <ion-row style="padding: 0; margin: 0;">
+              <ion-col style="padding: 0; margin: 0;">
+
+                <ion-toolbar style="font-size: 12px;">
+                  <ion-buttons slot="secondary">
+                    <ion-button fill="solid" (click)="sendToMyEmail()" style="font-size: 12px;" >
+                      <ion-icon slot="start" name="person-circle"></ion-icon>
+                      Send link to my email
+                    </ion-button>
+                  </ion-buttons>
+                  <ion-buttons slot="primary">
+                    <ion-button fill="solid" style="font-size: 12px;" (click)="copyTextToClipboard(refer_link)">
+                      Copy
+                      <ion-icon slot="end" name="help-circle"></ion-icon>
+                    </ion-button>
+                  </ion-buttons>
+                  <ion-title>{{resultText}}</ion-title>
+                </ion-toolbar>
 
-<!--               </ion-textarea>-->
               </ion-col>
             </ion-row>
 
           </ion-grid>
-          <div style="color: #4a0b4c; font-size: 12px; margin-top: 15px;">{{resultText}}</div>
+
         </div>
 
         <!--        <div  style="padding: 10px  10px 0px 10px;">-->
@@ -145,7 +155,7 @@
 
       </div>
       <div style="text-align: right; z-index: 0; ">
-        <ion-button  shape="round" size="small" color="secondary" (click)="sendToMyEmail()"> Send link to my email</ion-button>
+
       </div>
     </div>
 
diff --git a/src/app/pages/invite/invite.page.ts b/src/app/pages/invite/invite.page.ts
index 097f751..e387a52 100644
--- a/src/app/pages/invite/invite.page.ts
+++ b/src/app/pages/invite/invite.page.ts
@@ -6,6 +6,7 @@ import {SessionDataProviderService} from "../../store/session-data-provider.serv
 //import {last} from "rxjs/operators";
 import { AlertController } from '@ionic/angular';
 import {ContactsDataService} from "../../store/contacts-data.service";
+//import { Clipboard } from '@capacitor/clipboard';
 
 @Component({
   selector: 'app-invite',
@@ -151,6 +152,18 @@ export class InvitePage implements OnInit {
   referUsrData: {
     action:number, member_id: number, uid: string, sessionid: string, refer_link:string
   };
+
+  async copyTextToClipboard(linkToCopy){
+
+    // try {
+    //   await Clipboard.write({
+    //     string: linkToCopy,
+    //   });
+    //   console.log('Text copied to clipboard successfully!');
+    // } catch (error) {
+    //   console.error('Failed to copy text to clipboard:', error);
+    // }
+  }
   async sendToMyEmail(){
     //debugger;
     const loading = await this.loadingCtrl.create({
diff --git a/src/app/pages/tabs/tabs.page.html b/src/app/pages/tabs/tabs.page.html
index 92d0a7c..a6c5817 100644
--- a/src/app/pages/tabs/tabs.page.html
+++ b/src/app/pages/tabs/tabs.page.html
@@ -24,7 +24,7 @@
         </ion-tab-button>
 
         <ion-tab-button tab="tab5">
-          <ion-icon name="ellipsis-horizontal-outline"></ion-icon>
+          <ion-icon name="ellipsis-horizontal-outline" ></ion-icon>
           <ion-label>more</ion-label>
         </ion-tab-button>
       </ion-tab-bar>