diff --git a/pre-registration-ui/src/app/core/about-us/about-us.component.html b/pre-registration-ui/src/app/core/about-us/about-us.component.html
index c4da2c4a..ff08e610 100644
--- a/pre-registration-ui/src/app/core/about-us/about-us.component.html
+++ b/pre-registration-ui/src/app/core/about-us/about-us.component.html
@@ -213,6 +213,7 @@
             </mat-panel-title>
           </mat-expansion-panel-header>
           <table>
+            <caption>{{'quick_guide.status.tablename' | translate}}</caption>
             <tr>
               <th>{{'quick_guide.status.headers.status' | translate}}</th>
               <th>{{'quick_guide.status.headers.explanation' | translate}}</th>
diff --git a/pre-registration-ui/src/app/core/contact/contact.component.html b/pre-registration-ui/src/app/core/contact/contact.component.html
index d9d5fc1d..6f1bb115 100644
--- a/pre-registration-ui/src/app/core/contact/contact.component.html
+++ b/pre-registration-ui/src/app/core/contact/contact.component.html
@@ -1 +1 @@
-<p>Refer <a href="https://www.mosip.io/contact.php" target="_blank">https://www.mosip.io/contact.php</a></p>
+<p>Refer <a href="https://www.mosip.io/contact.php" target="_blank" rel="noopener">https://www.mosip.io/contact.php</a></p>
\ No newline at end of file
diff --git a/pre-registration-ui/src/app/core/footer/footer.component.css b/pre-registration-ui/src/app/core/footer/footer.component.css
index 6f3a3bb7..4163795e 100644
--- a/pre-registration-ui/src/app/core/footer/footer.component.css
+++ b/pre-registration-ui/src/app/core/footer/footer.component.css
@@ -1,7 +1,7 @@
 .main-footer {
   display: flex;
   justify-content: center;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   font-size: 12px;
   padding-top: 10px;
   padding-bottom: 0px;
diff --git a/pre-registration-ui/src/app/core/footer/footer.component.html b/pre-registration-ui/src/app/core/footer/footer.component.html
index 66f182df..72bc37a6 100644
--- a/pre-registration-ui/src/app/core/footer/footer.component.html
+++ b/pre-registration-ui/src/app/core/footer/footer.component.html
@@ -1,6 +1,6 @@
 <div class="main-footer">
   <p>
-    <img src="assets\logo-final.png" style="height:20px; vertical-align: middle;" /> <strong>&nbsp;&nbsp;Mosip.io</strong>
+    <img src="assets\logo-final.png" alt="MOSIP logo" style="height:20px; vertical-align: middle;" /> <strong>&nbsp;&nbsp;Mosip.io</strong>
     <span class="version-txt"><strong>Pre-registration UI verison: {{appVersion}}</strong></span>
   </p>
 </div>
diff --git a/pre-registration-ui/src/app/core/header/header.component.html b/pre-registration-ui/src/app/core/header/header.component.html
index 56993f35..ee997441 100644
--- a/pre-registration-ui/src/app/core/header/header.component.html
+++ b/pre-registration-ui/src/app/core/header/header.component.html
@@ -19,10 +19,10 @@
         <button mat-icon-button (click)="sidenav.toggle()"><mat-icon>menu</mat-icon></button>
       </div>
       <a *ngIf="!authService.isAuthenticated()" href="./" mat-list-item>
-        <img src="assets\logo-final.png" class="header--logo" style="max-height: 40px"/>
+        <img src="assets\logo-final.png" alt="MOSIP logo" class="header--logo" style="max-height: 40px"/>
       </a>
       <a *ngIf="authService.isAuthenticated()" (click)="onLogoClick()" mat-list-item>
-        <img src="assets\logo-final.png" class="header--logo" style="max-height: 40px"/>
+        <img src="assets\logo-final.png" alt="MOSIP logo" class="header--logo" style="max-height: 40px"/>
       </a>
       <!-- <div style="margin-left:5px;"><a routerLink="/" class="logo">logo</a></div> -->
       <mat-nav-list class="list-item">
diff --git a/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.css b/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.css
index 0fc8b68f..0e3a6e1b 100644
--- a/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.css
+++ b/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.css
@@ -146,7 +146,7 @@ input[type="radio"] {
 .center_selection-center_recommendation-display {
   color: #30badd;
   opacity: 100%;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   white-space: nowrap;
   cursor: pointer;
   display: inline-flex;
@@ -154,7 +154,7 @@ input[type="radio"] {
 }
 .center_selection-nearby-btn {
   color: #6e6e6e;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   opacity: 100%;
   margin-left: 30px;
   margin-right: 5px;
@@ -173,7 +173,7 @@ input[type="radio"] {
 .center_selection-center-available-text {
   color: #6e6e6e;
   opacity: 100%;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   font-size: 10px;
 }
 .search-btn img {
@@ -213,7 +213,7 @@ input[type="radio"] {
   padding: 10px;
   outline: none;
   color: #707070;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   opacity: 100%;
   background-color: white;
   border: none;
@@ -221,7 +221,7 @@ input[type="radio"] {
 }
 .select-input {
   outline: none;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   color: #000000;
   opacity: 100%;
   padding: 10px;
@@ -244,7 +244,7 @@ input[type="radio"] {
 }
 .search-text {
   display: flex;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   font-size: 14px;
   color: #707070;
   width: 100%;
diff --git a/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.html b/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.html
index 5ad5d7e2..9d598263 100644
--- a/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.html
+++ b/pre-registration-ui/src/app/feature/booking/center-selection/center-selection.component.html
@@ -42,7 +42,7 @@
           class="search-btn"
           (click)="setSearchClick(false)"
         >
-          <img src="assets\search.png" />
+          <img src="assets\search.png" alt="Search"/>
         </button>
       </div>
 
@@ -90,10 +90,10 @@
                 type="submit"
                 (click)="showResults()"
               >
-                <img src="assets\search_grey.png" />
+                <img src="assets\search_grey.png" alt="Search"/>
               </button>
               <button mat-icon-button class="search-cancel-btn" type="button" (click)="setSearchClick(true);resetPagination();">
-                <img src="assets\close.png" />
+                <img src="assets\close.png" alt="Close"/>
               </button>
             </mat-card>
           </form>
@@ -130,7 +130,7 @@
               />
               <div>
                 <div class="inline-flex" [dir]="textDir">
-                  <div><img src="assets\address.png" /></div>
+                  <div><img src="assets\address.png" alt="Address"/></div>
                   <div>
                     <strong>{{center.name}}</strong>
                     <strong *ngIf="center.addressLine1 != null && center.addressLine1 != ''">
@@ -145,7 +145,7 @@
                   </div>
                 </div>
                 <div>
-                  <span><img src="assets\contact number.png"/></span>
+                  <span><img src="assets\contact number.png" alt="Contact Number"/></span>
                   <span  *ngIf="center.contactPerson !== ''">
                     {{ center.contactPerson}}
                   </span>
diff --git a/pre-registration-ui/src/app/feature/booking/map/map.component.ts b/pre-registration-ui/src/app/feature/booking/map/map.component.ts
index 50e4546c..61c3b8f9 100644
--- a/pre-registration-ui/src/app/feature/booking/map/map.component.ts
+++ b/pre-registration-ui/src/app/feature/booking/map/map.component.ts
@@ -33,9 +33,9 @@ export class MapComponent implements OnInit {
   markers = [];
 
   googleMapsUrl =
-    'http://maps.google.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2spl!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0';
+    'https://maps.google.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2spl!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0';
 
-  OSM_URL = 'http://tile.osm.org/{z}/{x}/{y}.png';
+  OSM_URL = 'https://tile.osm.org/{z}/{x}/{y}.png';
 
   constructor(private service: BookingService) {}
 
diff --git a/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.css b/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.css
index 799c5149..d05de26f 100644
--- a/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.css
+++ b/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.css
@@ -38,7 +38,6 @@
 
 .time-selection__arrow-text {
   margin: auto;
-  color: #ccc;
   cursor: pointer;
   color: #ff4081;
 }
diff --git a/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.html b/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.html
index 0f8e3fe7..c375acd8 100644
--- a/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.html
+++ b/pre-registration-ui/src/app/feature/booking/time-selection/time-selection.component.html
@@ -33,7 +33,7 @@
           </p>
         </div>
         <div class="left-button">
-          <a (click)="scrollLeft()"><img src="assets/left.png" /></a>
+          <a (click)="scrollLeft()"><img src="assets/left.png" alt="Left"/></a>
         </div>
         <div #widgetsContent class="middle">
           <mat-card
@@ -62,7 +62,7 @@
           </mat-card>
         </div>
         <div class="right-button">
-          <a (click)="scrollRight()"><img src="assets/right.png" /></a>
+          <a (click)="scrollRight()"><img src="assets/right.png" alt="Right"/></a>
         </div>
         <div class="time-selection__arrow-text">
           <p (click)="scrollRight()">
@@ -142,7 +142,7 @@
                     }}<img
                         src="assets/slots.png"
                         height="15px"
-                        width="15px" /></span>
+                        width="15px" alt="Slots"/></span>
                 </p>
               </mat-card-content>
             </mat-card>
diff --git a/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.css b/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.css
index c425fe93..eab0f0e8 100644
--- a/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.css
+++ b/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.css
@@ -20,7 +20,7 @@
   flex-wrap: wrap;
 }
 .heading {
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   font-size: 20px;
   color: #fd518c;
   opacity: 100%;
@@ -40,7 +40,7 @@ img {
   border-radius: 0px;
   margin-left: 15px !important;
   margin-top: 30px;
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   font-size: 11px !important;
 }
 .modify-app-btn {
@@ -49,12 +49,12 @@ img {
   border-radius: 0px;
   margin-left: 12px;
   margin-top: 30px;
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   font-size: 11px !important;
 }
 .create-app-btn {
   color: #ffffff;
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   background-color: #ff4081;
   opacity: 90%;
   margin-left: 12px;
@@ -74,7 +74,7 @@ img {
   padding-right: 45px;
 }
 .card-header {
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   font-size: 0.75rem;
   opacity: 100%;
   display: flex;
diff --git a/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.html b/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.html
index e673c754..7d45262e 100644
--- a/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.html
+++ b/pre-registration-ui/src/app/feature/dashboard/dashboard/dashboard.component.html
@@ -21,6 +21,7 @@
           <img
             src="assets\Book_Modify Appointment.png"
             class="modify-app-img"
+            alt="Modify appointment"
           />
           {{ "dashboard.action_modify_appointment" | translate }}
         </button></span
@@ -28,7 +29,7 @@
       <span>
         <!-- class="create-app-btn" -->
         <button class="btn_axn-pri page_btn" (click)="onNewApplication()">
-          <img src="assets\Create new application.png" class="create-app-img" />
+          <img src="assets\Create new application.png" alt="New application" class="create-app-img" />
           {{ "dashboard.action_cre_application" | translate }}
         </button></span
       >
@@ -73,6 +74,7 @@
                 [matTooltipDisabled]="false"
                 src="assets\lock.png"
                 class="lock-img"
+                alt="Lock"
             /></span>
             <button
               (click)="onDelete(user)"
@@ -84,12 +86,14 @@
                 [matTooltipDisabled]="false"
                 src="assets\delete.png"
                 class="delete-img"
+                alt="Delete"
               />
             </button>
           </div>
           <mat-card-content [ngStyle]="{ marginTop: getMargin(user.name) }">
             <div class="card-content">
               <table>
+                <caption>{{'dashboard.name' | translate}}</caption>
                 <tr>
                   <td class="column1">{{ "dashboard.card.text_name" | translate }}</td>
                   <td
@@ -168,6 +172,7 @@
                 <img
                   src="assets\Modify information_grey.png"
                   class="modifyinfo-btn-img"
+                  alt="Modify information"
                 />&nbsp;{{ "dashboard.card.action_modify_information" | translate }}
               </button>
               <!-- (click)="onSelectUser(user)" -->
@@ -183,6 +188,7 @@
                 <img
                   src="assets\Modify information_grey.png"
                   class="modifyinfo-btn-img"
+                  alt="Modify information"
                 />&nbsp;{{ "dashboard.card.action_view_information" | translate }}
               </button>
               <span class="spacer"></span>
@@ -197,7 +203,7 @@
                   user.status === appStatusCodes.prefetched
                 "
               >
-                <img src="assets\view.png" class="modifyapp-btn-img" />&nbsp;{{
+                <img src="assets\view.png" alt="View" class="modifyapp-btn-img" />&nbsp;{{
                   "dashboard.card.action_view_acknowledgement" | translate
                 }}
               </button>
diff --git a/pre-registration-ui/src/app/feature/file-upload/file-upload/file-upload.component.html b/pre-registration-ui/src/app/feature/file-upload/file-upload/file-upload.component.html
index 43a2d863..f6149ad8 100644
--- a/pre-registration-ui/src/app/feature/file-upload/file-upload/file-upload.component.html
+++ b/pre-registration-ui/src/app/feature/file-upload/file-upload/file-upload.component.html
@@ -1,4 +1,4 @@
-<img src="assets/ajax-loader.gif" *ngIf="" class="loader" />
+<img src="assets/ajax-loader.gif" alt="Loader" *ngIf="" class="loader" />
 <div class="spinner" *ngIf="!dataLoaded">
   <mat-spinner></mat-spinner>
 </div>
@@ -101,10 +101,10 @@
                     <span class="spacer"></span>
                     <span *ngIf="!readOnlyMode" class="file-uplaoad__body__document-name__delete"
                       (click)="deleteUploadedFile(file)">
-                      <img src="assets\delete.png" class="delete-img" />
+                      <img src="assets\delete.png" alt="Delete" class="delete-img" />
                     </span>
                     <span class="file-uplaoad__body__document-name__view" (click)="viewFile(file)">
-                      <img src="assets\view.png" class="view-img" />
+                      <img src="assets\view.png" alt="View" class="view-img" />
                     </span>
                   </span>
                 </span>
@@ -133,12 +133,12 @@
       </div>
       <div class="file-buttons" *ngIf="fileIndex >= 0">
         <button class="previousFile" [disabled]="fileIndex <= 0 ? true : false" (click)="previousFile(fileIndex)">
-          <img src="assets/left.png" />
+          <img src="assets/left.png" alt="Left"/>
         </button>
         <p *ngIf="fileIndex >= 0">{{ fileIndex + 1 }} - {{ users[0].files.documentsMetaData.length }}</p>
         <button class="nextFile" [disabled]="fileIndex == users[0].files.documentsMetaData.length - 1 ? true : false"
           (click)="nextFile(fileIndex)">
-          <img src="assets/right.png" />
+          <img src="assets/right.png" alt="Right"/>
         </button>
       </div>
     </div>
diff --git a/pre-registration-ui/src/app/feature/summary/acknowledgement/acknowledgement.component.html b/pre-registration-ui/src/app/feature/summary/acknowledgement/acknowledgement.component.html
index a482e9f9..214ac03c 100644
--- a/pre-registration-ui/src/app/feature/summary/acknowledgement/acknowledgement.component.html
+++ b/pre-registration-ui/src/app/feature/summary/acknowledgement/acknowledgement.component.html
@@ -9,12 +9,13 @@
       <div class="print-section-inner-div" >
         <div [id]="message-container" class="ack__message-container">
           <p *ngFor="let ackMessage of ackData.messages">
-            <img style="vertical-align: middle;" src="assets/img/done.png" />&nbsp;&nbsp;{{ackMessage.preRegId}} :
+            <img style="vertical-align: middle;" src="assets/img/done.png" alt="Done"/>&nbsp;&nbsp;{{ackMessage.preRegId}} :
             {{ackMessage.message}}
           </p>
         </div>
         <div class="ack__header-container" [dir]="ackData.appLangCodeDir">
           <table>
+            <caption>{{'quick_guide.Acknowledgement.tablename' | translate}}</caption>
             <tr>
               <td>{{ ackData.preRegIdLabels}} : </td>
               <td><b>{{ ackData.preRegId}}</b></td>
diff --git a/pre-registration-ui/src/app/feature/summary/preview/preview.component.html b/pre-registration-ui/src/app/feature/summary/preview/preview.component.html
index 424fe77b..52f94760 100644
--- a/pre-registration-ui/src/app/feature/summary/preview/preview.component.html
+++ b/pre-registration-ui/src/app/feature/summary/preview/preview.component.html
@@ -23,7 +23,7 @@
         </span>)</span>
         <span [ngStyle]="userPrefLanguageDir == 'ltr'? {'float': 'right'} : {'float': 'left'}">
           <span *ngIf="!readOnlyMode" (click)="modifyDemographic()" class="preview__modify-file"
-            matTooltip="{{ helpText.modify_at_DemoPreview }}"><img src="assets/edit.png" /> {{
+            matTooltip="{{ helpText.modify_at_DemoPreview }}"><img src="assets/edit.png" alt="Edit"/> {{
             previewLabels.action_modify }}</span>
         </span>
       </div>
@@ -68,7 +68,7 @@
       <span>{{ previewLabels.title_document }}</span>
       <span [ngStyle]="userPrefLanguageDir == 'ltr'? {'float': 'right'} : {'float': 'left'}">
         <span *ngIf="!readOnlyMode" (click)="modifyDocument()" class="preview__modify-file"
-          matTooltip="{{ helpText.modify_at_DocumentPreview }}"><img src="assets/edit.png" /> {{
+          matTooltip="{{ helpText.modify_at_DocumentPreview }}"><img src="assets/edit.png" alt="Edit"/> {{
           previewLabels.action_modify }}</span>
       </span>
     </div>
diff --git a/pre-registration-ui/src/app/shared/dialoug/dialoug.component.css b/pre-registration-ui/src/app/shared/dialoug/dialoug.component.css
index da732a61..facf5727 100644
--- a/pre-registration-ui/src/app/shared/dialoug/dialoug.component.css
+++ b/pre-registration-ui/src/app/shared/dialoug/dialoug.component.css
@@ -1,6 +1,6 @@
 ::ng-deep.mat-dialog-container {
   display: block;
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   border-radius: 2px;
   border-color: 1px solid #fd518c;
   box-sizing: border-box;
diff --git a/pre-registration-ui/src/app/shared/stepper/stepper.component.html b/pre-registration-ui/src/app/shared/stepper/stepper.component.html
index a131b133..3159c7da 100644
--- a/pre-registration-ui/src/app/shared/stepper/stepper.component.html
+++ b/pre-registration-ui/src/app/shared/stepper/stepper.component.html
@@ -1,9 +1,9 @@
 <div class="container">
-  <div><p [ngClass]="classes.step1.p"><img src="assets/demographic_details.png" [ngClass]="classes.step1.icon"/>&nbsp; {{'stepper.link_demographic'| translate}} </p></div>
+  <div><p [ngClass]="classes.step1.p"><img src="assets/demographic_details.png" alt="Demographic details" [ngClass]="classes.step1.icon"/>&nbsp; {{'stepper.link_demographic'| translate}} </p></div>
   <div><hr [ngClass]="classes.step1.line"/></div>
-  <div><p [ngClass]="classes.step2.p"><img src="assets/upload_document.png" [ngClass]="classes.step2.icon" />&nbsp; {{'stepper.link_upload_doc'| translate}}</p></div>
+  <div><p [ngClass]="classes.step2.p"><img src="assets/upload_document.png"  alt="Upload document" [ngClass]="classes.step2.icon" />&nbsp; {{'stepper.link_upload_doc'| translate}}</p></div>
   <div><hr [ngClass]="classes.step2.line"/></div>
-  <div><p [ngClass]="classes.step3.p"><img src="assets/book_appointment.png" [ngClass]="classes.step3.icon"/>&nbsp;  {{'stepper.link_book'| translate}} </p></div>
+  <div><p [ngClass]="classes.step3.p"><img src="assets/book_appointment.png" alt="Book appointment" [ngClass]="classes.step3.icon"/>&nbsp;  {{'stepper.link_book'| translate}} </p></div>
   <div><hr [ngClass]="classes.step3.line"/></div>
-  <div><p [ngClass]="classes.step4.p"><img src="assets/confirmation.png" [ngClass]="classes.step4.icon" />&nbsp;   {{'stepper.link_confirm'| translate}}</p></div>
+  <div><p [ngClass]="classes.step4.p"><img src="assets/confirmation.png" alt="Confirmation" [ngClass]="classes.step4.icon" />&nbsp;   {{'stepper.link_confirm'| translate}}</p></div>
 </div>
\ No newline at end of file
diff --git a/pre-registration-ui/src/assets/i18n/ara.json b/pre-registration-ui/src/assets/i18n/ara.json
index 25f2adc1..54ba5ca7 100644
--- a/pre-registration-ui/src/assets/i18n/ara.json
+++ b/pre-registration-ui/src/assets/i18n/ara.json
@@ -104,6 +104,7 @@
     },
     "Acknowledgement": {
       "name": "عرض الاعتراف",
+      "tablename":"إعتراف",
       "list": {
         "line1": "بعد إتمام طلب التسجيل المسبق بنجاح ، ستتلقى إقرارًا بذلك.",
         "line2": "يمكنك طباعة أو تنزيل أو إرسال بريد إلكتروني أو رسالة نصية قصيرة.",
@@ -121,6 +122,7 @@
     },
     "status": {
       "name": "شرح الحالة",
+      "tablename": "أنواع الحالة",
       "headers": {
         "status": "الحالة",
         "explanation": "تفسير"
@@ -452,6 +454,7 @@
   },
   "dashboard": {
     "title": "تطبيقاتك",
+    "name" : "طلب",
     "action_modify_information": "تعديل المعلومات",
     "action_modify_appointment": "كتاب / تعديل موعد",
     "action_cre_application": "إنشاء تطبيق جديد ",
diff --git a/pre-registration-ui/src/assets/i18n/eng.json b/pre-registration-ui/src/assets/i18n/eng.json
index 34b2d0f0..5e1b8517 100644
--- a/pre-registration-ui/src/assets/i18n/eng.json
+++ b/pre-registration-ui/src/assets/i18n/eng.json
@@ -104,6 +104,7 @@
     },
     "Acknowledgement": {
       "name": "View Acknowledgement",
+      "tablename":"Acknowledgement",
       "list": {
         "line1": "After successful completion of the Pre-registration application, you will receive an acknowledgment.",
         "line2": "You can print, download, email or SMS your acknowledgment.",
@@ -121,6 +122,7 @@
     },
     "status": {
       "name": "Status Explanation",
+      "tablename": "Status types",
       "headers": {
         "status": "Status",
         "explanation": "Explanation"
@@ -451,6 +453,7 @@
   },
   "dashboard": {
     "title": "Your Applications",
+    "name" : "Application",
     "action_modify_information": "Modify Information",
     "action_modify_appointment": "Book/Modify Appointment",
     "action_cre_application": "Create New Application ",
diff --git a/pre-registration-ui/src/assets/i18n/fra.json b/pre-registration-ui/src/assets/i18n/fra.json
index 014e2ef4..48e22e06 100644
--- a/pre-registration-ui/src/assets/i18n/fra.json
+++ b/pre-registration-ui/src/assets/i18n/fra.json
@@ -104,6 +104,7 @@
     },
     "Acknowledgement": {
       "name": "Voir accusé de réception",
+      "tablename":"Reconnaissance",
       "list": {
         "line1": "Après avoir complété avec succès la demande de pré-inscription, vous recevrez un accusé de réception.",
         "line2": "Vous pouvez imprimer, télécharger, envoyer par email ou par SMS votre accusé de réception.",
@@ -121,6 +122,7 @@
     },
     "status": {
       "name": "Statut Explication",
+      "tablename": "Types de statut",
       "headers": {
         "status": "Statut",
         "explanation": "Explication"
@@ -454,6 +456,7 @@
   },
   "dashboard": {
     "title": "Vos applications",
+    "name" : "Application",
     "action_modify_information": "Modifier les informations",
     "action_modify_appointment": "Réserver / modifier un rendez-vous",
     "action_cre_application": "Créer une nouvelle application ",
diff --git a/pre-registration-ui/src/assets/i18n/hin.json b/pre-registration-ui/src/assets/i18n/hin.json
index 7ba8353f..e165aab6 100644
--- a/pre-registration-ui/src/assets/i18n/hin.json
+++ b/pre-registration-ui/src/assets/i18n/hin.json
@@ -104,6 +104,7 @@
 		},
 		"Acknowledgement": {
 			"name": "पावती देखें",
+			"tablename":"पावती",
 			"list": {
 				"line1": "पूर्व-पंजीकरण आवेदन के सफलतापूर्वक पूरा होने के बाद, आपको एक पावती प्राप्त होगी।",
 				"line2": "आप अपनी पावती प्रिंट, डाउनलोड, ईमेल या एसएमएस कर सकते हैं।",
@@ -121,6 +122,7 @@
 		},
 		"status": {
 			"name": "स्थिति स्पष्टीकरण",
+			"tablename": "स्थिति के प्रकार",
 			"headers": {
 				"status": "स्थिति",
 				"explanation": "स्पष्टीकरण"
@@ -450,6 +452,7 @@
 	},
 	"dashboard": {
 		"title": "आपके आवेदन",
+		"name" : "आवेदन",
 		"action_modify_information": "सूचना संशोधित करें",
 		"action_modify_appointment": "बुक/संशोधित अपॉइंटमेंट",
 		"action_cre_application": "नया एप्लिकेशन बनाएं",
diff --git a/pre-registration-ui/src/assets/i18n/kan.json b/pre-registration-ui/src/assets/i18n/kan.json
index 4b774c71..5ce221dc 100644
--- a/pre-registration-ui/src/assets/i18n/kan.json
+++ b/pre-registration-ui/src/assets/i18n/kan.json
@@ -104,6 +104,7 @@
 		},
 		"Acknowledgement": {
 			"name": "ಸ್ವೀಕೃತಿಯನ್ನು ವೀಕ್ಷಿಸಿ",
+			"tablename":"ಸ್ವೀಕೃತಿ",
 			"list": {
 				"line1": "ಪೂರ್ವ-ನೋಂದಣಿ ಅರ್ಜಿಯನ್ನು ಯಶಸ್ವಿಯಾಗಿ ಪೂರ್ಣಗೊಳಿಸಿದ ನಂತರ, ನೀವು ಸ್ವೀಕೃತಿಯನ್ನು ಸ್ವೀಕರಿಸುತ್ತೀರಿ.",
 				"line2": "ನಿಮ್ಮ ಸ್ವೀಕೃತಿಯನ್ನು ನೀವು ಮುದ್ರಿಸಬಹುದು, ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು, ಇಮೇಲ್ ಮಾಡಬಹುದು ಅಥವಾ ಎಸ್‌ಎಂಎಸ್ ಮಾಡಬಹುದು.",
@@ -121,6 +122,7 @@
 		},
 		"status": {
 			"name": "ಸ್ಥಿತಿ ವಿವರಣೆ",
+			"tablename": "ಸ್ಥಿತಿ ಪ್ರಕಾರಗಳು",
 			"headers": {
 				"status": "ಸ್ಥಿತಿ",
 				"explanation": "ವಿವರಣೆ"
@@ -450,6 +452,7 @@
 	},
 	"dashboard": {
 		"title": "ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು",
+		"name" : "ಅಪ್ಲಿಕೇಶನ್",
 		"action_modify_information": "ಮಾಹಿತಿಯನ್ನು ಮಾರ್ಪಡಿಸಿ",
 		"action_modify_appointment": "ನೇಮಕಾತಿಯನ್ನು ಪುಸ್ತಕ / ಮಾರ್ಪಡಿಸಿ",
 		"action_cre_application": "ಹೊಸ ಅಪ್ಲಿಕೇಶನ್ ರಚಿಸಿ ",
diff --git a/pre-registration-ui/src/assets/i18n/tam.json b/pre-registration-ui/src/assets/i18n/tam.json
index 6ca03a78..05dd8a12 100644
--- a/pre-registration-ui/src/assets/i18n/tam.json
+++ b/pre-registration-ui/src/assets/i18n/tam.json
@@ -104,6 +104,7 @@
 		},
 		"Acknowledgement": {
 			"name": "ஒப்புதலைக் காண்க",
+			"tablename":"அங்கீகாரம்",
 			"list": {
 				"line1": "பதிவுக்கு முந்தைய விண்ணப்பத்தை வெற்றிகரமாக முடித்த பிறகு, நீங்கள் ஒப்புதல் பெறுவீர்கள்.",
 				"line2": "உங்கள் ஒப்புதலை அச்சிடலாம், பதிவிறக்கலாம், மின்னஞ்சல் செய்யலாம் அல்லது எஸ்.எம்.எஸ் செய்யலாம்.",
@@ -121,6 +122,7 @@
 		},
 		"status": {
 			"name": "நிலை விளக்கம்",
+			"tablename": "நிலை வகைகள்",
 			"headers": {
 				"status": "நிலை",
 				"explanation": "விளக்கம்"
@@ -450,6 +452,7 @@
 	},
 	"dashboard": {
 		"title": "உங்கள் பயன்பாடுகள்",
+		"name" : "விண்ணப்பம்",
 		"action_modify_information": "தகவலை மாற்றவும்",
 		"action_modify_appointment": "நியமனம் புத்தகம் / மாற்றியமைத்தல்",
 		"action_cre_application": "புதிய பயன்பாட்டை உருவாக்கவும்",
diff --git a/pre-registration-ui/src/styles.css b/pre-registration-ui/src/styles.css
index 02872775..792a960e 100644
--- a/pre-registration-ui/src/styles.css
+++ b/pre-registration-ui/src/styles.css
@@ -12,7 +12,7 @@
 }
 
 @font-face {
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
   /* src: url(./assets/fonts/Roboto-Regular.eot); */
   /* src: url(./assets/fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'), */
   /* url(./assets/fonts/Roboto-Regular.woff2) format('woff2'), url(./assets/fonts/Roboto-Regular.woff) format('woff'), */
@@ -71,7 +71,7 @@ body {
   min-height: 50px;
   padding: 0px 50px;
   font-size: 10px;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   font-weight: 500;
   color: rgba(255, 255, 255, 1);
   border: none;
@@ -85,7 +85,7 @@ body {
   min-height: 50px;
   padding: 0px 50px;
   font-size: 10px;
-  font-family: Roboto;
+  font-family: Roboto, sans-serif;
   font-weight: 500;
   cursor: pointer;
   color: rgba(255, 64, 129, 1);