diff --git a/index.html b/index.html
index d5061da..c7b4ad2 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,8 @@
     <script src="//static.filestackapi.com/filestack-js/3.x.x/filestack.min.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
     <script src="https://unpkg.com/vue-star-rating/dist/VueStarRating.umd.min.js"></script>`
-
+    <script src="https://unpkg.com/vue-tippy/dist/vue-tippy.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue-tippy/dist/vue-tippy.min.js"></script>
     <!--<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800&display=swap" rel="stylesheet">-->
     <!--<script src="/socket.io/socket.io.js"></script>-->
 </head>
diff --git a/package.json b/package.json
index 6b86439..ac8b5c5 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
         "vue-social-sharing": "^2.4.7",
         "vue-star-rating": "^1.7.0",
         "vue-stepper": "^1.4.2",
+        "vue-tippy": "^4.7.2",
         "vue-toast-notification": "0.0.3",
         "vue-video-player": "^5.0.2",
         "vue-videobg": "^2.0.0",
diff --git a/src/components/EpisodeIntro.vue b/src/components/EpisodeIntro.vue
index cf5d13c..7f6fc3f 100644
--- a/src/components/EpisodeIntro.vue
+++ b/src/components/EpisodeIntro.vue
@@ -53,7 +53,7 @@
               </div><!-- top section -->
             <div class="top">
                 <span>Focus</span>
-                <span class="name">{{currentSlideData.payload.metaData.focus}}</span>
+                <span class="name ellipsis">{{createString(currentSlideData.payload.metaData.focusPoint)}}</span>
               </div><!-- top section -->
               </div><!-- app section-->
                          <div class="author-sec info">
@@ -137,7 +137,24 @@ export default {
     goToSignUp() {
       this.$router.push("/signup");
     },
+
+    createString(list){
+      var name = "";
+      list.forEach(element => {
+        name = name+','+element;
+      });
+
+  console.log("name is",name);
+      return name.substring(1);;
+    }
     
   },
 };
 </script>
+<style >
+.ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 34bc7fd..6657df6 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -118,6 +118,7 @@
                     <input
                       class=""
                       placeholder="Add interest"
+                      v-on:keyup.enter="addInterest" 
                       v-model="interestName"
                     />
                     <a href="javascript:void(0);" @click="addInterest()"
@@ -283,7 +284,7 @@
               </div> -->
               <!-- input -->
             </div>
-            <a href="javascript:void(0);" @click="closeDialog" class="next-bt"
+            <a href="javascript:void(0);" @click="saveProfile" class="next-bt"
               >Save</a
             >
           </form>
@@ -328,7 +329,7 @@
             </li>
           </ul>
         </div>
-          <a href="javasript:void(0);" class="update_profile"><span></span> Update Profile</a>
+          <a href="javasript:void(0);"  @click="addProfileDialog" class="update_profile"><span></span> Update Profile</a>
         <div class="">
         
           <a href="javascript:void(0);" class="user-profile-photo common_color" @click="userprofileshowDialog"><img :src="userData.profilePic" /></a>
@@ -355,21 +356,30 @@
           <div class="user-profile">
             <h1>
               {{ userData.firstName }} {{ userData.lastName }}
-              <a href="javasript:void(0);" class="tags">{{ userData.role }}</a>
+              <a href="javasript:void(0);" class="tags no-cursor">{{ userData.role }}</a>
             </h1>
             <ul class="joined-info">
               <li>
-                <a href="javascript:void(0);" @click="addProfileDialog"
+                <a href="javascript:void(0);" v-if="userData.designation.length == 0 && userData.organisation.length == 0" @click="addProfileDialog"
                   >Add your work</a
                 >
+                <a href="javascript:void(0);" v-if="userData.designation.length != 0" 
+                  >{{userData.designation}}</a
+                >
+                <a href="javascript:void(0);" v-if="userData.designation.length != 0 && userData.organisation.length != 0" 
+                  >at</a
+                >
+                <a href="javascript:void(0);" v-if="userData.organisation.length != 0" 
+                  >{{userData.organisation}}</a
+                >
                 <img src="../assets/images/u-info-icon.png" /> <span></span>
               </li>
               <li>
-                <a href="javasript:void(0);">{{ userData.karmaPoints }} Karma</a> <span></span>
+                <a href="javasript:void(0);" content="Karma Points" v-tippy> {{ userData.karmaPoints }} Karma</a> <span></span>
               </li>
               <li>
                 <a href="javasript:void(0);"
-                  >Joined on
+                  class="no-cursor">Joined on
                   {{ moment(userData.createdAt).format("MMM YYYY") }}</a
                 >
               </li>
@@ -564,6 +574,8 @@ export default {
     this.socialLink = [];
     this.userData.interests = [];
     this.userData.socialMediaProfiles = {};
+    this.userData.designation = ""; 
+    this.userData.organisation = "";
     this.userData.socialMediaProfiles.facebook = null;
     this.userData.socialMediaProfiles.linkedin = null;
     var userdata = localStorage.getItem("spotlight_usertoken");
@@ -669,6 +681,7 @@ export default {
     openStudy(payload) {
       console.log("payload-", payload);
       payload.intro.date = payload.createdAt;
+      payload.intro.focusPoint = payload.createdAt;
       axios
         .get("/caseStudy/slides?caseStudyId=" + payload._id, {
           headers: {
@@ -798,7 +811,7 @@ export default {
         .then((response) => {
           // this.userData = response.data.data;
           this.$toaster.success("Profile Updated");
-
+          this.closeDialog();
           console.log(response.data.data);
         })
         .catch((error) => {
@@ -820,7 +833,7 @@ export default {
     closeDialog() {
       $(".popup-wrp").hide();
       $(".inner-wrp").removeClass("body-blur");
-      this.saveProfile();
+      // this.saveProfile();
     },
     hideDialog() {
       $(".popup-wrp").hide();
@@ -849,3 +862,8 @@ export default {
   },
 };
 </script>
+<style>
+.no-cursor{
+  cursor: default !important;
+}
+</style>
diff --git a/src/main.js b/src/main.js
index 8387f02..8fa4c4d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,7 +15,10 @@ import moment from 'moment'
 import Toaster from 'v-toaster'
 import StarRating from 'vue-star-rating'
 
+import VueTippy, { TippyComponent } from "vue-tippy";
 
+Vue.use(VueTippy);
+Vue.component("tippy", TippyComponent);
 // You need a specific loader for CSS files like https://github.com/webpack/css-loader
 import 'v-toaster/dist/v-toaster.css'
  
@@ -37,7 +40,8 @@ Vue.use(Auth0Plugin, {
 });
 
 Vue.config.productionTip = false
-
+// https://api.productgrowth.org/pg
+// http://174.138.121.70:3006/pg
 Vue.prototype.moment = moment
 axios.defaults.baseURL = 'https://api.productgrowth.org/pg'
 Vue.component('star-rating', VueStarRating.default);