diff --git a/src/vs/workbench/contrib/extensions/browser/extensionEditor.ts b/src/vs/workbench/contrib/extensions/browser/extensionEditor.ts
index 0cb4cdeab43..16a37dc27c9 100644
--- a/src/vs/workbench/contrib/extensions/browser/extensionEditor.ts
+++ b/src/vs/workbench/contrib/extensions/browser/extensionEditor.ts
@@ -855,10 +855,12 @@ export class ExtensionEditor extends EditorPane {
 		extensionPackReadme.style.maxWidth = '882px';
 
 		const extensionPack = append(extensionPackReadme, $('div', { class: 'extension-pack' }));
-		if (manifest.extensionPack!.length < 3) {
+		if (manifest.extensionPack!.length <= 3) {
 			extensionPackReadme.classList.add('one-row');
-		} else if (manifest.extensionPack!.length < 5) {
+		} else if (manifest.extensionPack!.length <= 6) {
 			extensionPackReadme.classList.add('two-rows');
+		} else if (manifest.extensionPack!.length <= 9) {
+			extensionPackReadme.classList.add('three-rows');
 		} else {
 			extensionPackReadme.classList.add('more-rows');
 		}
diff --git a/src/vs/workbench/contrib/extensions/browser/media/extensionEditor.css b/src/vs/workbench/contrib/extensions/browser/media/extensionEditor.css
index 575e6870b54..174b332538b 100644
--- a/src/vs/workbench/contrib/extensions/browser/media/extensionEditor.css
+++ b/src/vs/workbench/contrib/extensions/browser/media/extensionEditor.css
@@ -517,6 +517,10 @@
 	height: 224px;
 }
 
+.extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.three-rows > .extension-pack {
+	height: 306px;
+}
+
 .extension-editor > .body > .content > .details > .readme-container > .extension-pack-readme.more-rows > .extension-pack {
 	height: 326px;
 }