diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx
index 21ebc084c..5cf6cb6bb 100644
--- a/src/components/menu-bar/menu-bar.jsx
+++ b/src/components/menu-bar/menu-bar.jsx
@@ -461,7 +461,7 @@ class MenuBar extends React.Component {
                         <FormattedMessage {...ariaMessages.tutorials} />
                     </div>
                     <Divider className={classNames(styles.divider)} />
-                    {this.props.canSave && this.props.canEditTitle ? (
+                    {this.props.canEditTitle ? (
                         <div className={classNames(styles.menuBarItem, styles.growable)}>
                             <MenuBarItemTooltip
                                 enable
diff --git a/test/integration/menu-bar.test.js b/test/integration/menu-bar.test.js
index ced505a91..6529b7bc4 100644
--- a/test/integration/menu-bar.test.js
+++ b/test/integration/menu-bar.test.js
@@ -2,6 +2,7 @@ import path from 'path';
 import SeleniumHelper from '../helpers/selenium-helper';
 
 const {
+    clickText,
     clickXpath,
     findByXpath,
     getDriver,
@@ -64,4 +65,13 @@ describe('Menu bar settings', () => {
         const currentUrl = await driver.getCurrentUrl();
         await expect(currentUrl).toEqual('https://scratch.mit.edu/');
     });
+
+    test('(GH#4064) Project name should be editable', async () => {
+        await loadUri(uri);
+        await clickXpath('//button[@title="Try It"]');
+        const el = await findByXpath('//input[@value="Scratch Project"]');
+        await el.sendKeys(' - Personalized');
+        await clickText('Costumes'); // just to blur the input
+        await clickXpath('//input[@value="Scratch Project - Personalized"]');
+    });
 });