diff --git a/projects/v3/src/app/components/fast-feedback/fast-feedback.component.html b/projects/v3/src/app/components/fast-feedback/fast-feedback.component.html
index 5e7e9cee0..a85d79bd5 100644
--- a/projects/v3/src/app/components/fast-feedback/fast-feedback.component.html
+++ b/projects/v3/src/app/components/fast-feedback/fast-feedback.component.html
@@ -1,7 +1,10 @@
-<ion-header class=" ion-no-border" aria-label="Pulse check">
+<ion-header class=" ion-no-border"
+  aria-label="Pulse check">
   <ion-toolbar>
-    <ion-title class="ion-text-center" i18n="user feedback form">Pulse Check</ion-title>
-    <ion-buttons slot="end" *ngIf="closable === true">
+    <ion-title class="ion-text-center"
+      i18n="user feedback form">Pulse Check</ion-title>
+    <ion-buttons slot="end"
+      *ngIf="closable === true">
       <ion-button (click)="dismiss({ from: 'ui' })">
         <ion-icon name="close"></ion-icon>
       </ion-button>
@@ -12,18 +15,22 @@
 <ion-content class="ion-padding">
   <div class="ion-text-center ion-margin-bottom">
     <ng-container *ngIf="isSkillsPulseCheck; else defaultPulseCheck">
-      <p class="body-1" i18n>Select the skill level that best describes you right now.</p>
+      <p class="body-1"
+        i18n>Select the skill level that best describes you right now.</p>
     </ng-container>
     <ng-template #defaultPulseCheck>
-      <p class="body-1" i18n>
+      <p class="body-1"
+        i18n>
         Please help us to improve your experience.<br>
         We want to know how are you doing.
       </p>
     </ng-template>
   </div>
 
-  <form (ngSubmit)="submit()" [formGroup]="fastFeedbackForm">
-    <div *ngIf="showPagination" class="progress-indicator ion-text-center ion-margin-bottom">
+  <form (ngSubmit)="submit()"
+    [formGroup]="fastFeedbackForm">
+    <div *ngIf="showPagination"
+      class="progress-indicator ion-text-center ion-margin-bottom">
       <span>Questions {{ currentPageRange.start }}-{{ currentPageRange.end }} of {{ currentPageRange.total }}</span>
       <ion-progress-bar [value]="(currentPage + 1) / totalPages"></ion-progress-bar>
     </div>
@@ -37,10 +44,13 @@
             <h2 [innerHTML]="question.name"></h2>
             <p><i [innerHTML]="question.description"></i></p>
           </ion-label>
-          <ion-text class="required-mark" [ngClass]="{'contrast': isRedColor}" *ngIf="question.isRequired">*</ion-text>
+          <ion-text class="required-mark"
+            [ngClass]="{'contrast': isRedColor}"
+            *ngIf="question.isRequired">*</ion-text>
         </ion-list-header>
 
-        <ion-radio-group [formControlName]="question.id" class="ion-padding-start ion-padding-end ion-padding-bottom">
+        <ion-radio-group [formControlName]="question.id"
+          class="ion-padding-start ion-padding-end ion-padding-bottom">
           <ion-item class="item-bottom-border choice-item"
             *ngFor="let choice of question.choices"
             lines="none"
@@ -48,56 +58,56 @@ <h2 [innerHTML]="question.name"></h2>
             (mouseenter)="onChoiceHover(question.id, choice.id)"
             (mouseleave)="onChoiceLeave()"
             (focus)="onChoiceHover(question.id, choice.id)"
-            (blur)="onChoiceLeave()"
-          >
+            (blur)="onChoiceLeave()">
             <ion-radio [value]="choice.id"
               [attr.aria-label]="choice.name"
               labelPlacement="end"
-              slot="start" mode="md">
+              slot="start"
+              mode="md">
               <div class="choice-title-container">
                 <span [innerHTML]="choice.name"></span>
               </div>
               <p *ngIf="choice.description && isChoiceDescriptionVisible(question.id, choice.id)"
-                 class="choice-description body-3 ion-margin-top animate-fade-in"
-                 [innerHTML]="choice.description"></p>
+                class="choice-description body-3 ion-margin-top animate-fade-in"
+                [innerHTML]="choice.description"></p>
             </ion-radio>
           </ion-item>
         </ion-radio-group>
       </ion-card>
 
-      <div *ngIf="showPagination" class="navigation-buttons ion-margin-top">
+      <div *ngIf="showPagination"
+        class="navigation-buttons ion-margin-top">
         <ion-row>
-          <ion-col size="6" class="ion-text-left">
-            <ion-button
-              fill="outline"
+          <ion-col size="6"
+            class="ion-text-left">
+            <ion-button fill="outline"
               [disabled]="currentPage === 0"
               (click)="previousPage()"
-              mode="ios"
-            >
-              <ion-icon name="arrow-back-outline" slot="start"></ion-icon>
+              mode="ios">
+              <ion-icon name="arrow-back-outline"
+                slot="start"></ion-icon>
               Previous
             </ion-button>
           </ion-col>
-          <ion-col size="6" class="ion-text-right">
-            <ion-button
-              fill="outline"
+          <ion-col size="6"
+            class="ion-text-right">
+            <ion-button fill="outline"
               *ngIf="currentPage < totalPages - 1"
               [disabled]="!isCurrentPageValid()"
               (click)="nextPage()"
-              mode="ios"
-            >
+              mode="ios">
               Next
-              <ion-icon name="arrow-forward-outline" slot="end"></ion-icon>
+              <ion-icon name="arrow-forward-outline"
+                slot="end"></ion-icon>
             </ion-button>
-            <ion-button
-              mode="ios"
+            <ion-button mode="ios"
               type="submit"
               shape="round"
               class="submit-button"
               *ngIf="currentPage === totalPages - 1"
-              [disabled]="fastFeedbackForm.invalid || loading"
-            >
-              <ng-container *ngIf="!loading" i18n>Submit</ng-container>
+              [disabled]="fastFeedbackForm.invalid || loading">
+              <ng-container *ngIf="!loading"
+                i18n>Submit</ng-container>
               <ng-container *ngIf="loading && !submissionCompleted">
                 <ion-spinner name="dots"></ion-spinner>
               </ng-container>
@@ -109,15 +119,15 @@ <h2 [innerHTML]="question.name"></h2>
         </ion-row>
       </div>
 
-      <div *ngIf="!showPagination" class="ion-text-center ion-margin-top">
-        <ion-button
-          mode="ios"
+      <div *ngIf="!showPagination"
+        class="ion-text-center ion-margin-top">
+        <ion-button mode="ios"
           type="submit"
           shape="round"
           class="submit-button"
-          [disabled]="fastFeedbackForm.invalid || loading"
-        >
-          <ng-container *ngIf="!loading" i18n>Submit</ng-container>
+          [disabled]="fastFeedbackForm.invalid || loading">
+          <ng-container *ngIf="!loading"
+            i18n>Submit</ng-container>
           <ng-container *ngIf="loading && !submissionCompleted">
             <ion-spinner name="dots"></ion-spinner>
           </ng-container>
@@ -127,15 +137,14 @@ <h2 [innerHTML]="question.name"></h2>
         </ion-button>
       </div>
 
-      <div *ngIf="showPagination" class="dot-indicators ion-text-center ion-margin-top">
-        <ion-button
-          *ngFor="let i of [].constructor(totalPages); let pageIndex = index"
+      <div *ngIf="showPagination"
+        class="dot-indicators ion-text-center ion-margin-top">
+        <ion-button *ngFor="let i of [].constructor(totalPages); let pageIndex = index"
           fill="clear"
           size="small"
           class="dot-button"
           [ngClass]="{'active': currentPage === pageIndex, 'completed': isPageCompleted(pageIndex)}"
-          (click)="goToPage(pageIndex)"
-        >
+          (click)="goToPage(pageIndex)">
           <span class="page-number">
             <ng-container *ngIf="currentPage === pageIndex">{{ pageIndex + 1 }}</ng-container>
             <ng-container *ngIf="currentPage !== pageIndex && isPageCompleted(pageIndex)">
@@ -148,4 +157,4 @@ <h2 [innerHTML]="question.name"></h2>
     </div>
   </form>
 
-</ion-content>
+</ion-content>
\ No newline at end of file
diff --git a/projects/v3/src/app/components/fast-feedback/fast-feedback.component.scss b/projects/v3/src/app/components/fast-feedback/fast-feedback.component.scss
index 342cac0fe..bfee3b57b 100644
--- a/projects/v3/src/app/components/fast-feedback/fast-feedback.component.scss
+++ b/projects/v3/src/app/components/fast-feedback/fast-feedback.component.scss
@@ -161,7 +161,84 @@ ion-item {
 
 .question-card {
   border-radius: 8px;
-  padding: 1em;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 0;
+  margin-bottom: 16px;
+  animation: fadeIn 0.3s ease-in-out;
+}
+
+// pagination
+.progress-indicator {
+  margin-bottom: 20px;
+
+  span {
+    display: block;
+    margin-bottom: 8px;
+    font-size: 14px;
+    color: var(--ion-color-medium);
+  }
+
+  ion-progress-bar {
+    height: 6px;
+    border-radius: 3px;
+    overflow: hidden;
+  }
+}
+
+.navigation-buttons {
+  ion-button {
+    min-width: 110px;
+  }
+}
+
+.dot-indicators {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 15px 0;
+  flex-wrap: wrap;
+
+  .dot-button {
+    width: 40px;
+    height: 40px;
+    --padding-start: 0;
+    --padding-end: 0;
+    margin: 0 5px;
+
+    &.active ion-icon {
+      font-size: 20px;
+      color: var(--ion-color-primary);
+    }
+
+    &.completed ion-icon {
+      color: var(--ion-color-success);
+      font-size: 18px;
+    }
+
+    ion-icon {
+      font-size: 16px;
+      color: var(--ion-color-medium);
+    }
+  }
+}
+
+.submit-button {
+  min-width: 110px;
+}
+
+.questions-container {
+  position: relative;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes descriptionFadeIn {
diff --git a/projects/v3/src/app/components/fast-feedback/fast-feedback.component.ts b/projects/v3/src/app/components/fast-feedback/fast-feedback.component.ts
index 3482d8a11..547445604 100644
--- a/projects/v3/src/app/components/fast-feedback/fast-feedback.component.ts
+++ b/projects/v3/src/app/components/fast-feedback/fast-feedback.component.ts
@@ -145,6 +145,17 @@ export class FastFeedbackComponent implements OnInit {
   }
 
   async submit(): Promise<any> {
+    if (!this.allQuestionsAnswered) {
+      // If not all questions are answered, navigate to the first incomplete page
+      for (let i = 0; i < this.totalPages; i++) {
+        if (!this.isPageCompleted(i)) {
+          this.goToPage(i);
+          return;
+        }
+      }
+      return;
+    }
+
     this.loading = true;
     const formData = this.fastFeedbackForm.value;
     const answers = [];
@@ -205,7 +216,6 @@ export class FastFeedbackComponent implements OnInit {
   }
 
   dismiss(data) {
-    // change the flag to false
     this.storage.set("fastFeedbackOpening", false);
     this.modalController.dismiss(data);
     this.homeService.getPulseCheckStatuses().subscribe();
diff --git a/projects/v3/src/app/pages/home/home.page.html b/projects/v3/src/app/pages/home/home.page.html
index c0178c40c..027374962 100644
--- a/projects/v3/src/app/pages/home/home.page.html
+++ b/projects/v3/src/app/pages/home/home.page.html
@@ -1,12 +1,19 @@
-<ion-header class="ion-no-border header-border" aria-label="home">
-  <h1 class="for-accessibility" i18n>Home</h1>
+<ion-header class="ion-no-border header-border"
+  aria-label="home">
+  <h1 class="for-accessibility"
+    i18n>Home</h1>
   <ion-toolbar>
     <ion-buttons slot="start">
-      <ion-button (click)="goBack()" aria-label="back to experience list">
-        <ion-icon slot="icon-only" color="grey-75" name="arrow-back-outline" aria-hidden="true"></ion-icon>
+      <ion-button (click)="goBack()"
+        aria-label="back to experience list">
+        <ion-icon slot="icon-only"
+          color="grey-75"
+          name="arrow-back-outline"
+          aria-hidden="true"></ion-icon>
       </ion-button>
     </ion-buttons>
-    <ion-title class="ion-no-padding headline-4 grey-75" i18n>Home</ion-title>
+    <ion-title class="ion-no-padding headline-4 grey-75"
+      i18n>Home</ion-title>
     <ion-buttons slot="end">
       <app-personalised-header></app-personalised-header>
     </ion-buttons>
@@ -15,48 +22,69 @@ <h1 class="for-accessibility" i18n>Home</h1>
 
 <ion-content [ngClass]="{'scrollable-desktop': !isMobile}">
   <main aria-labelledby="homecontent">
-    <h1 id="homecontent" class="for-accessibility" i18n>Home content</h1>
+    <h1 id="homecontent"
+      class="for-accessibility"
+      i18n>Home content</h1>
     <ion-grid style="padding: inherit;">
       <ion-row>
-        <ion-col size="12" size-sm="4" class="ion-no-padding">
-          <h2 class="for-accessibility" i18n>Experience Details</h2>
+        <ion-col size="12"
+          size-sm="4"
+          class="ion-no-padding">
+          <h2 class="for-accessibility"
+            i18n>Experience Details</h2>
           <ng-container *ngIf="experience">
-            <img [src]="experience.leadImage" [alt]="experience.name" />
-            <ion-progress-bar
-              *ngIf="experienceProgress >= 0"
+            <img [src]="experience.leadImage"
+              [alt]="experience.name" />
+            <ion-progress-bar *ngIf="experienceProgress >= 0"
               color="primary"
               [value]="experienceProgress / 100"
               aria-hidden="true"></ion-progress-bar>
 
             <div class="exp-content">
-              <h1 class="headline-2" [innerHTML]="experience.name"></h1>
-              <ion-text class="subtitle-3" color="grey-75">
-                <ng-container *ngIf="(activityCount$ | async) as count; else loadingProgress" i18n>{{ count }} Activities</ng-container>
+              <h1 class="headline-2"
+                [innerHTML]="experience.name"></h1>
+              <ion-text class="subtitle-3"
+                color="grey-75">
+                <ng-container *ngIf="(activityCount$ | async) as count; else loadingProgress"
+                  i18n>{{ count }} Activities</ng-container>
                 <span style="margin: 0 10px">|</span>
-                <ng-container *ngIf="experienceProgress >= 0; else loadingProgress" i18n>{{ experienceProgress }}% Progress</ng-container>
+                <ng-container *ngIf="experienceProgress >= 0; else loadingProgress"
+                  i18n>{{ experienceProgress }}% Progress</ng-container>
               </ion-text>
-              <ng-container #experienceDescription *ngIf="experience?.description">
-                <p *ngIf="!isMobile && experience.description" class="body-2" [innerHTML]="experience.description"></p>
-                <app-description *ngIf="isMobile && experience.description" [content]="experience.description"></app-description>
+
+              <ng-container #experienceDescription
+                *ngIf="experience?.description">
+                <p *ngIf="!isMobile && experience.description"
+                  class="body-2"
+                  [innerHTML]="experience.description"></p>
+                <app-description *ngIf="isMobile && experience.description"
+                  [content]="experience.description"></app-description>
               </ng-container>
             </div>
           </ng-container>
         </ion-col>
 
-        <ion-col size="12" size-sm="8"
+        <ion-col size="12"
+          size-sm="8"
           #activityCol
           id="activity-col"
           class="activity-col"
           [ngClass]="{'mobile': isMobile}">
-          <h2 class="for-accessibility" i18n>Activities</h2>
-          <ion-segment (ionChange)="switchContent($event)" [value]="display">
-            <ion-segment-button value="activities" mode="ios">
+          <h2 class="for-accessibility"
+            i18n>Activities</h2>
+          <ion-segment (ionChange)="switchContent($event)"
+            [value]="display">
+            <ion-segment-button value="activities"
+              mode="ios">
               <ion-label i18n>Activities</ion-label>
             </ion-segment-button>
-            <ion-segment-button value="badges" mode="ios">
+            <ion-segment-button value="badges"
+              mode="ios">
               <ion-label i18n>{ getIsPointsConfigured, select, true {Badges & Points} false {Badges} }</ion-label>
             </ion-segment-button>
-            <ion-segment-button value="pulse-checks" mode="ios" *ngIf="pulseCheckIndicatorEnabled === true">
+            <ion-segment-button value="pulse-checks"
+              mode="ios"
+              *ngIf="pulseCheckIndicatorEnabled === true">
               <ion-label i18n>Skill & Progress Surveys</ion-label>
             </ion-segment-button>
           </ion-segment>
@@ -81,12 +109,16 @@ <h2 class="for-accessibility" i18n>Activities</h2>
 </ion-content>
 
 <ng-template #loadingProgress>
-  <ion-skeleton-text animated style="width: 50px; display: inline;"></ion-skeleton-text>
+  <ion-skeleton-text animated
+    style="width: 50px; display: inline;"></ion-skeleton-text>
 </ng-template>
 
 <ng-template #activityList>
-  <h3 class="for-accessibility" i18n>Activity list</h3>
-  <div #activities id="activity-list-item" *ngIf="milestones?.length > 0; else loadingMilestones">
+  <h3 class="for-accessibility"
+    i18n>Activity list</h3>
+  <div #activities
+    id="activity-list-item"
+    *ngIf="milestones?.length > 0; else loadingMilestones">
     <ng-container *ngFor="let milestone of milestones">
       <ion-item class="headline-4 milestone-name"
         [ngClass]="{'locked': milestone.isLocked}"
@@ -98,8 +130,7 @@ <h3 class="for-accessibility" i18n>Activity list</h3>
           color="medium"
           name="lock-closed"
           slot="end"
-          aria-label="milestone locked"
-        ></ion-icon>
+          aria-label="milestone locked"></ion-icon>
       </ion-item>
 
       <ion-item id="milestone-description"
@@ -110,8 +141,7 @@ <h3 class="for-accessibility" i18n>Activity list</h3>
         <app-description [content]="milestone.description"></app-description>
       </ion-item>
 
-      <app-list-item
-        [id]="'act-' + activity?.id"
+      <app-list-item [id]="'act-' + activity?.id"
         *ngFor="let activity of milestone.activities; let i = index"
         [title]="activity.name"
         [leadImage]="activity.leadImage"
@@ -134,48 +164,68 @@ <h3 class="for-accessibility" i18n>Activity list</h3>
 </ng-template>
 
 <ng-template #badgePoints>
-  <h3 class="for-accessibility" i18n>Badges awarded</h3>
-  <div *ngIf="achievements.length === 0" class="ion-text-center no-achievement">
-    <h1 class="for-accessibility" [attr.aria-describedby]="'nobadges'"></h1>
-    <ion-icon class="large-icon" color="primary" name="ribbon-outline" alt="empty badge indicator"></ion-icon>
-    <p id="nobadges" class="body-1" aria-live="polite" i18n>You have no badges yet!</p>
-    <ion-text class="subtitle-2" color="grey-75" aria-live="polite" i18n>Experience badge will show up here.</ion-text>
+  <h3 class="for-accessibility"
+    i18n>Badges awarded</h3>
+  <div *ngIf="achievements.length === 0"
+    class="ion-text-center no-achievement">
+    <h1 class="for-accessibility"
+      [attr.aria-describedby]="'nobadges'"></h1>
+    <ion-icon class="large-icon"
+      color="primary"
+      name="ribbon-outline"
+      alt="empty badge indicator"></ion-icon>
+    <p id="nobadges"
+      class="body-1"
+      aria-live="polite"
+      i18n>You have no badges yet!</p>
+    <ion-text class="subtitle-2"
+      color="grey-75"
+      aria-live="polite"
+      i18n>Experience badge will show up here.</ion-text>
   </div>
-  <ion-item *ngIf="getIsPointsConfigured && achievements.length > 0" lines="full" class="total-points">
-    <ion-label class="headline-4" i18n>
+  <ion-item *ngIf="getIsPointsConfigured && achievements.length > 0"
+    lines="full"
+    class="total-points">
+    <ion-label class="headline-4"
+      i18n>
       Total Points Earned: {{getEarnedPoints}}
     </ion-label>
   </ion-item>
 
   <app-list-item *ngFor="let achievement of achievements"
     [title]="achievement.name"
-    [subtitle1]="achievement.points ? achievement.points + ' Pts' : ''" subtitle1Color="medium"
-    [leadImage]="achievement.image" lines="full"
+    [subtitle1]="achievement.points ? achievement.points + ' Pts' : ''"
+    subtitle1Color="medium"
+    [leadImage]="achievement.image"
+    lines="full"
     (click)="achievePopup(achievement)"
-    [leadImageClass] = "!achievement.isEarned ? 'black-white-image' : ''"
+    [leadImageClass]="!achievement.isEarned ? 'black-white-image' : ''"
     (keydown)="achievePopup(achievement, $event)"
     [endingIcon]="achievement.isEarned ? 'checkmark-circle' : 'lock-closed'"
-    [endingIconColor]="achievement.isEarned ? 'success' : 'medium'" tabindex="0"
+    [endingIconColor]="achievement.isEarned ? 'success' : 'medium'"
+    tabindex="0"
     i18n-subtitle1></app-list-item>
 </ng-template>
 
 <ng-template #loadingMilestones>
   <ion-item>
-    <ion-skeleton-text animated style="width: 50%;"></ion-skeleton-text>
+    <ion-skeleton-text animated
+      style="width: 50%;"></ion-skeleton-text>
   </ion-item>
   <ion-item>
-    <ion-skeleton-text animated style="width: 80%;"></ion-skeleton-text>
+    <ion-skeleton-text animated
+      style="width: 80%;"></ion-skeleton-text>
   </ion-item>
 </ng-template>
 
 <ng-template #pulseChecks>
-  <h3 class="for-accessibility" i18n>Pulse checks and skills</h3>
+  <h3 class="for-accessibility"
+    i18n>Pulse checks and skills</h3>
   <div class="ontrack-section">
     <div class="ontrack-header">
       <div class="ontrack-title-section">
         <h4 class="ontrack-title headline-4">On Track</h4>
-        <ion-icon
-          name="help-circle-outline"
+        <ion-icon name="help-circle-outline"
           class="ontrack-help-icon"
           (click)="onTrackInfo()">
         </ion-icon>
@@ -186,51 +236,44 @@ <h4 class="ontrack-title headline-4">On Track</h4>
     </div>
 
     <div class="ontrack-content-container">
-      <app-traffic-light-group
-        *ngIf="pulseCheckStatus"
+      <app-traffic-light-group *ngIf="pulseCheckStatus"
         [lights]="pulseCheckStatus"
         [displayOnly]="isParticipant !== true"
-        class="traffic-light-enhanced"
-      ></app-traffic-light-group>
+        class="traffic-light-enhanced"></app-traffic-light-group>
     </div>
   </div>
 
   <ng-container *ngIf="pulseCheckSkills?.length > 0">
     <div class="skill-strength-section">
       <div class="skill-section-header">
-        <h4 class="headline-4" (click)="openPulseCheck()">Skill Strength</h4>
-        <ion-icon
-          name="help-circle-outline"
+        <h4 class="headline-4"
+          (click)="openPulseCheck()">Skill Strength</h4>
+        <ion-icon name="help-circle-outline"
           class="ontrack-help-icon"
           (click)="showGlobalSkillsInfo()">
         </ion-icon>
-        <ion-icon name="information-circle-outline" *ngIf="false"></ion-icon>
       </div>
 
       <ion-grid class="skill-grid">
         <ion-row>
-          <ion-col
-            size="12"
+          <ion-col size="12"
             size-md="6"
             size-lg="4"
             *ngFor="let skill of pulseCheckSkills">
             <ion-card class="skill-card">
               <ion-card-content class="skill-card-content">
                 <div class="skill-header">
-                  <ion-icon
-                    *ngIf="skill?.icon"
+                  <ion-icon *ngIf="skill?.icon"
                     [name]="skill.icon"
                     class="skill-icon"
                     color="primary">
                   </ion-icon>
                   <div class="skill-name-section">
-                    <span
-                      class="skill-name subtitle-2"
+                    <span class="skill-name subtitle-2"
                       [class.no-change-padding]="!getSkillChangeDisplay(skill.id, skill.value, skill.change)">
                       {{ skill.name }}
                     </span>
-                    <span
-                      *ngIf="getSkillChangeDisplay(skill.id, skill.value, skill.change) as changeDisplay"
+                    <span *ngIf="getSkillChangeDisplay(skill.id, skill.value, skill.change) as changeDisplay"
                       class="skill-change caption"
                       [ngClass]="changeDisplay.cssClass">
                       {{ changeDisplay.text }}
@@ -241,17 +284,18 @@ <h4 class="headline-4" (click)="openPulseCheck()">Skill Strength</h4>
                 <div class="skill-progress">
                   <div class="skill-level-dots">
                     <ng-container *ngFor="let i of [1,2,3,4,5]; let index = index">
-                      <div
-                        class="skill-dot"
+                      <div class="skill-dot"
                         [class.filled]="index < Math.floor(skill.value)"
                         [class.half-filled]="index === Math.floor(skill.value) && skill.value % 1 > 0"
                         [attr.aria-label]="getSkillDotAriaLabel(index + 1, skill.value)">
-                        <div class="dot-fill" *ngIf="index === Math.floor(skill.value) && skill.value % 1 > 0"></div>
+                        <div class="dot-fill"
+                          *ngIf="index === Math.floor(skill.value) && skill.value % 1 > 0"></div>
                       </div>
                     </ng-container>
                   </div>
                   <div class="skill-level-text">
-                    <span class="body-3" color="medium">{{ skill.value }} of 5</span>
+                    <span class="body-3"
+                      color="medium">{{ skill.value }} of 5</span>
                   </div>
                 </div>
               </ion-card-content>
@@ -261,4 +305,4 @@ <h4 class="headline-4" (click)="openPulseCheck()">Skill Strength</h4>
       </ion-grid>
     </div>
   </ng-container>
-</ng-template>
+</ng-template>
\ No newline at end of file
diff --git a/projects/v3/src/app/pages/home/home.page.ts b/projects/v3/src/app/pages/home/home.page.ts
index 173f4bfe8..e01304e3b 100644
--- a/projects/v3/src/app/pages/home/home.page.ts
+++ b/projects/v3/src/app/pages/home/home.page.ts
@@ -166,6 +166,10 @@ export class HomePage implements OnInit, OnDestroy, AfterViewChecked {
     this.unsubscribe$.complete();
   }
 
+  /**
+   * @name openPulseCheck
+   * @description This method pulls the fast feedback service (with type 'skills') to open the pulse check modal.
+   */
   openPulseCheck() {
     this.fastFeedbackService.pullFastFeedback({
       closable: true,
diff --git a/projects/v3/src/app/services/storage.service.ts b/projects/v3/src/app/services/storage.service.ts
index b124b7cca..c56d30673 100644
--- a/projects/v3/src/app/services/storage.service.ts
+++ b/projects/v3/src/app/services/storage.service.ts
@@ -97,7 +97,7 @@ export class BrowserStorageService {
    *
    * @param   {string}  key    index for identify a value later
    *    - directLinkRoute: string
-   *    - fastFeedbackOpening: boolean
+   *    - fastFeedbackOpening: boolean (flag to indicate if there is existing fast feedback modal opened)
    *    - authToken: string
    *    - hasMultipleStacks: boolean
    *    - experience: Experience