diff --git a/web/components/common/HtmlComment/HtmlComment.tsx b/web/components/common/HtmlComment/HtmlComment.tsx
new file mode 100644
index 000000000..4dc6cb5e3
--- /dev/null
+++ b/web/components/common/HtmlComment/HtmlComment.tsx
@@ -0,0 +1,4 @@
+/* eslint-disable react/no-danger */
+export const HtmlComment = ({ text }) => (
+ ` }} />
+);
diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx
index 80069e99d..32e1e02dc 100644
--- a/web/pages/_document.tsx
+++ b/web/pages/_document.tsx
@@ -1,8 +1,8 @@
/* eslint-disable react/no-danger */
import { Html, Head, Main, NextScript } from 'next/document';
-
import { readFileSync } from 'fs';
import { join } from 'path';
+import { HtmlComment } from '../components/common/HtmlComment/HtmlComment';
class InlineStylesHead extends Head {
getCssLinks: Head['getCssLinks'] = ({ allFiles }) => {
@@ -26,6 +26,7 @@ class InlineStylesHead extends Head {
export default function Document() {
return (
+