diff --git a/app/client/ui2018/pages.ts b/app/client/ui2018/pages.ts
index 27f59b05..d0b8c4a0 100644
--- a/app/client/ui2018/pages.ts
+++ b/app/client/ui2018/pages.ts
@@ -52,7 +52,7 @@ export function buildPageDom(name: Observable<string>, actions: PageActions, ...
       domComputed(isRenaming, (isrenaming) => (
         isrenaming ?
           cssPageItem(
-            cssPageInitial(dom.text((use) => use(name)[0])),
+            cssPageInitial(dom.text((use) => Array.from(use(name))[0])),
             cssEditorInput(
               {
                 initialValue: name.get() || '',
@@ -68,7 +68,7 @@ export function buildPageDom(name: Observable<string>, actions: PageActions, ...
             // firefox.
           ) :
           cssPageItem(
-            cssPageInitial(dom.text((use) => use(name)[0])),
+            cssPageInitial(dom.text((use) => Array.from(use(name))[0])),
             cssPageName(dom.text(name), testId('label')),
             cssPageMenuTrigger(
               cssPageIcon('Dots'),