diff --git a/src/vs/base/browser/ui/hover/hover.css b/src/vs/base/browser/ui/hover/hover.css
index 9e3b6888ef2..4de24334292 100644
--- a/src/vs/base/browser/ui/hover/hover.css
+++ b/src/vs/base/browser/ui/hover/hover.css
@@ -20,7 +20,7 @@
 	display: none;
 }
 
-.monaco-hover .hover-contents {
+.monaco-hover .hover-contents:not(.html-hover-contents) {
 	padding: 4px 8px;
 }
 
diff --git a/src/vs/workbench/services/hover/browser/hoverWidget.ts b/src/vs/workbench/services/hover/browser/hoverWidget.ts
index f730994aecb..4e30614322b 100644
--- a/src/vs/workbench/services/hover/browser/hoverWidget.ts
+++ b/src/vs/workbench/services/hover/browser/hoverWidget.ts
@@ -114,6 +114,7 @@ export class HoverWidget extends Widget {
 
 		} else if (options.content instanceof HTMLElement) {
 			contentsElement.appendChild(options.content);
+			contentsElement.classList.add('html-hover-contents');
 
 		} else {
 			const markdown = options.content;