diff --git a/ghost/admin/app/components/gh-navitem.hbs b/ghost/admin/app/components/gh-navitem.hbs
index abc5f155b1..83c2f709f9 100644
--- a/ghost/admin/app/components/gh-navitem.hbs
+++ b/ghost/admin/app/components/gh-navitem.hbs
@@ -17,7 +17,7 @@
             @shouldFocus={{this.navItem.last}}
             @placeholder="Label"
             @value={{readonly this.label}}
-            @input={{action (mut this.label) value="target.value"}}
+            @input={{action "updateLabel" value="target.value"}}
             @keyPress={{action "clearLabelErrors"}}
             @focus-out={{action "updateLabel" this.label}} data-test-input="label" />
         <GhErrorMessage
diff --git a/ghost/admin/app/components/gh-navitem.js b/ghost/admin/app/components/gh-navitem.js
index 52e765ce1a..cf1cc36851 100644
--- a/ghost/admin/app/components/gh-navitem.js
+++ b/ghost/admin/app/components/gh-navitem.js
@@ -39,6 +39,7 @@ export default Component.extend(ValidationState, {
         },
 
         updateLabel(value) {
+            this.set('label', value);
             return this.updateLabel(value, this.navItem);
         },
 
diff --git a/ghost/admin/tests/integration/components/gh-navitem-test.js b/ghost/admin/tests/integration/components/gh-navitem-test.js
index 16ad97367b..38ae01da2a 100644
--- a/ghost/admin/tests/integration/components/gh-navitem-test.js
+++ b/ghost/admin/tests/integration/components/gh-navitem-test.js
@@ -104,7 +104,7 @@ describe('Integration: Component: gh-navitem', function () {
         await render(hbs`{{gh-navitem navItem=navItem baseUrl=baseUrl updateLabel=(action update)}}`);
         await triggerEvent('.gh-blognav-label input', 'blur');
 
-        expect(updateActionCallCount).to.equal(1);
+        expect(updateActionCallCount).to.equal(2);
     });
 
     it('displays inline errors', async function () {