diff --git a/.templates/app/web-app/ui/package.json.hbs b/.templates/app/web-app/ui/package.json.hbs
index cf05eae..50f0aee 100644
--- a/.templates/app/web-app/ui/package.json.hbs
+++ b/.templates/app/web-app/ui/package.json.hbs
@@ -11,11 +11,11 @@
     "localize:build": "lit-localize build"
   },
   "dependencies": {
-    "@holochain/client": "^0.16.2",
-    "@holochain-open-dev/elements": "^0.8.2",
-    "@holochain-open-dev/profiles": "^0.16.1",
-    "@holochain-open-dev/stores": "^0.8.2",
-    "@holochain-open-dev/utils": "^0.16.0",
+    "@holochain/client": "^0.16.7",
+    "@holochain-open-dev/elements": "^0.8.4",
+    "@holochain-open-dev/profiles": "^0.17.3",
+    "@holochain-open-dev/stores": "^0.8.11",
+    "@holochain-open-dev/utils": "^0.16.5",
     "@lit/context": "^1.0.0",
     "@lit/localize": "^0.12.0",
     "@mdi/js": "^7.2.0",
diff --git a/.templates/app/web-app/ui/src/holochain-app.ts.hbs b/.templates/app/web-app/ui/src/holochain-app.ts.hbs
index b4906c4..6671fbc 100644
--- a/.templates/app/web-app/ui/src/holochain-app.ts.hbs
+++ b/.templates/app/web-app/ui/src/holochain-app.ts.hbs
@@ -14,6 +14,7 @@ import {
   ProfilesStore,
   profilesStoreContext
 } from '@holochain-open-dev/profiles';
+import { EntryRecord } from '@holochain-open-dev/utils';
 
 import '@holochain-open-dev/elements/dist/elements/display-error.js';
 import '@holochain-open-dev/profiles/dist/elements/agent-avatar.js';
@@ -37,7 +38,7 @@ export class HolochainApp extends LitElement {
 
   _client!: AppAgentClient;
 
-  _myProfile!: StoreSubscriber<AsyncStatus<Profile | undefined>>;
+  _myProfile!: StoreSubscriber<AsyncStatus<EntryRecord<Profile> | undefined>>;
 
   async firstUpdated() {
     this._client = await AppAgentWebsocket.connect(new URL('ws://localhost'), '{{app_name}}');
@@ -48,17 +49,17 @@ export class HolochainApp extends LitElement {
   }
 
   async initStores(appAgentClient: AppAgentClient) {
-    // Don't change this  
+    // Don't change this
   }
 
   renderMyProfile() {
     switch (this._myProfile.value.status) {
-      case 'pending': 
+      case 'pending':
         return html`<profile-list-item-skeleton></profile-list-item-skeleton>`;
       case 'complete':
         const profile = this._myProfile.value.value;
         if (!profile) return html``;
-        
+
         return html`<div
               class="row"
               style="align-items: center;"
@@ -67,12 +68,12 @@ export class HolochainApp extends LitElement {
               <agent-avatar
                 .agentPubKey=${this._client.myPubKey}
               ></agent-avatar>
-              <span style="margin: 0 16px;">${profile?.nickname}</span>
+              <span style="margin: 0 16px;">${profile?.entry.nickname}</span>
             </div>`;
       case 'error':
-        return html`<display-error 
+        return html`<display-error
             .headline=${msg("Error fetching the profile")}
-            .error=${this._myProfile.value.error} 
+            .error=${this._myProfile.value.error}
             tooltip
           ></display-error>`;
     }
@@ -82,7 +83,7 @@ export class HolochainApp extends LitElement {
   renderContent() {
     return html``;
   }
-  
+
   renderBackButton() {
     if (this._view.view === 'main') return html``;
 
@@ -114,7 +115,7 @@ export class HolochainApp extends LitElement {
 
           ${this.renderMyProfile()}
         </div>
-        
+
         <profile-prompt style="flex: 1;">
           ${this.renderContent()}
         </profile-prompt>