diff --git a/apps/collection/viewer.html b/apps/collection/viewer.html
index d66964f0f..d76515ae0 100644
--- a/apps/collection/viewer.html
+++ b/apps/collection/viewer.html
@@ -217,7 +217,7 @@
       const store = new Store("../../data/");
       const container = document.getElementById("card-container");
       const screenName = document.getElementById("screenName");
-      screenName.innerText = `hi, ${getUserInfo().data.registration.firstName}`;
+      screenName.innerText = `Hi, ${getUserInfo().email}`;
       screenName.style.display = "";
 
       function createAllCards(data, container) {
diff --git a/apps/labeling/labelingSimpleAnnotationViewer.html b/apps/labeling/labelingSimpleAnnotationViewer.html
index 9997d2de1..b20f9a410 100644
--- a/apps/labeling/labelingSimpleAnnotationViewer.html
+++ b/apps/labeling/labelingSimpleAnnotationViewer.html
@@ -359,9 +359,9 @@
     async function initialize() {
       const store = new Store("../../data/");
       try {
-        let screenName = getUserInfo().data.registration.firstName;
+        let screenName = getUserInfo().email;
         const screenNameDiv = document.getElementById("screenName");
-        screenNameDiv.innerText = `hi, ${screenName}`;
+        screenNameDiv.innerText = `Hi, ${screenName}`;
         screenNameDiv.style.display = "";
         // set collection info panel
         let collectionInfoPanel = document.getElementById("collectionInfo");
diff --git a/apps/labeling/pitfallsTable.html b/apps/labeling/pitfallsTable.html
index f1c7d8602..151a4a285 100644
--- a/apps/labeling/pitfallsTable.html
+++ b/apps/labeling/pitfallsTable.html
@@ -358,9 +358,9 @@
     async function initialize() {
       const store = new Store("../../data/");
       try {
-        let screenName = getUserInfo().data.registration.firstName;
+        let screenName = getUserInfo().email;
         const screenNameDiv = document.getElementById("screenName");
-        screenNameDiv.innerText = `hi, ${screenName}`;
+        screenNameDiv.innerText = `Hi, ${screenName}`;
         screenNameDiv.style.display = "";
         // set collection info panel
         let collectionInfoPanel = document.getElementById("collectionInfo");
diff --git a/apps/landing/crowd.html b/apps/landing/crowd.html
index 7abefea9b..501aab1d5 100644
--- a/apps/landing/crowd.html
+++ b/apps/landing/crowd.html
@@ -214,9 +214,9 @@ <h3>Whole Slide Imaging</h3>
 <script src="./util.js"></script>
 <script type="text/javascript">
     const store = new Store('../../data/');
-    let screenName = getUserInfo().data.registration.firstName;
+    let screenName = getUserInfo().email;
     const screenNameElem = document.getElementById('screenName');
-    screenNameElem.innerText = `hi, ${screenName}`;
+    screenNameElem.innerText = `Hi, ${screenName}`;
     screenNameElem.style.display = '';
     function copyToken(){
       navigator.clipboard.writeText(getCookie("token"));
diff --git a/apps/landing/landing.html b/apps/landing/landing.html
index f749cdd62..8c49570bb 100644
--- a/apps/landing/landing.html
+++ b/apps/landing/landing.html
@@ -128,9 +128,9 @@ <h3>Whole Slide Imaging</h3>
 <!-- <script type='text/javascript' src='../../common/util.js'></script> -->
 <script type='text/javascript'>
     const store = new Store('../../data/');
-    let screenName = getUserInfo().data.registration.firstName;
+    let screenName = getUserInfo().email;
     const screenNameElem = document.getElementById('screenName');
-    screenNameElem.innerText = `hi, ${screenName}`;
+    screenNameElem.innerText = `Hi, ${screenName}`;
     screenNameElem.style.display = '';
     function copyToken(){
       navigator.clipboard.writeText(getCookie("token"));
diff --git a/apps/managment/users.html b/apps/managment/users.html
index ae118892c..14ee6efd2 100644
--- a/apps/managment/users.html
+++ b/apps/managment/users.html
@@ -190,9 +190,9 @@ <h1>Bulk User Managment</h1>
 
 <script src="../landing/util.js"></script>
 <script type="text/javascript">
-    let screenName = getUserInfo().data.registration.firstName;
+    let screenName = getUserInfo().email;
     const screenNameElem = document.getElementById('screenName');
-    screenNameElem.innerText = `hi, ${screenName}`;
+    screenNameElem.innerText = `Hi, ${screenName}`;
     screenNameElem.style.display = '';
 </script>
 <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>