diff --git a/ghost/admin/app/components/gh-post-settings-menu.hbs b/ghost/admin/app/components/gh-post-settings-menu.hbs
index e927f0f4cf..1a32de2230 100644
--- a/ghost/admin/app/components/gh-post-settings-menu.hbs
+++ b/ghost/admin/app/components/gh-post-settings-menu.hbs
@@ -199,7 +199,7 @@
@focus-out={{action "setMetaTitle" this.metaTitleScratch}}
@stopEnterKeyDownPropagation={{true}}
data-test-field="meta-title" />
-
Recommended: 70 characters. You’ve used {{gh-count-down-characters this.metaTitleScratch 70}}
+ Recommended: 60 characters. You’ve used {{gh-count-down-characters this.metaTitleScratch 60}}
@@ -241,7 +241,7 @@
{{svg-jar "google-search"}}
{{this.config.blogDomain}} › {{#if this.ghostPaths.subdir}}{{this.ghostPaths.subdir}} › {{/if}}{{@post.slug}}
- {{this.seoTitle}}
+ {{truncate this.seoTitle 60}}
{{this.seoDescription}}
diff --git a/ghost/admin/app/styles/components/settings-menu.css b/ghost/admin/app/styles/components/settings-menu.css
index 24400b814d..9fd31601e8 100644
--- a/ghost/admin/app/styles/components/settings-menu.css
+++ b/ghost/admin/app/styles/components/settings-menu.css
@@ -234,6 +234,10 @@
line-height: 1.35em;
}
+.settings-menu-content .gh-seo-preview-title {
+ white-space: inherit;
+}
+
.settings-menu-content .CodeMirror {
height: 170px;
min-height: 170px;