diff --git a/src/components/custom-html/ko/constants.ts b/src/components/custom-html/ko/constants.ts
index b9ae61bf2..3819947dd 100644
--- a/src/components/custom-html/ko/constants.ts
+++ b/src/components/custom-html/ko/constants.ts
@@ -1,8 +1,9 @@
 import { SizeStylePluginConfig } from "@paperbits/styles/plugins";
 
-export const htmlCodeInitial =
-`<html>
+export const htmlCodeInitial =`<!DOCTYPE html>
+<html>
 <head>
+    <meta charset="utf-8">
     <style>
         /* Custom styles */
         body {
diff --git a/src/components/custom-html/ko/customHtmlPublishViewModelBinder.spec.ts b/src/components/custom-html/ko/customHtmlPublishViewModelBinder.spec.ts
index 3750a1c19..e05005e1e 100644
--- a/src/components/custom-html/ko/customHtmlPublishViewModelBinder.spec.ts
+++ b/src/components/custom-html/ko/customHtmlPublishViewModelBinder.spec.ts
@@ -7,8 +7,10 @@ import { IBlobStorage } from "@paperbits/common/persistence";
 import { expect } from "chai";
 import { CustomHtmlModel } from "../customHtmlModel";
 
-const htmlCode = `<html>
+const htmlCode = `<!DOCTYPE html>
+<html>
 <head>
+    <meta charset="utf-8">
     <style>
         /* Custom styles */
         body {
