diff --git a/.eslintrc b/.eslintrc
index 97df80e4f..53f6e26c1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -88,7 +88,7 @@
     "react/jsx-no-duplicate-props": ["warn"],
     "react/jsx-no-literals": ["warn"],
     "react/jsx-no-undef": ["error"],
-    "react/jsx-one-expression-per-line": ["warn", {"allow": "single-child"}],
+    "react/jsx-one-expression-per-line": ["error", {"allow": "single-child"}],
     "react/jsx-curly-brace-presence": ["error", { "props": "always", "children": "ignore" }],
     "react/jsx-pascal-case": ["error"],
     "react/jsx-props-no-multi-spaces": ["error"],
diff --git a/src/webui/components/NotFound/index.js b/src/webui/components/NotFound/index.js
index b08d40921..e51e76928 100644
--- a/src/webui/components/NotFound/index.js
+++ b/src/webui/components/NotFound/index.js
@@ -9,7 +9,11 @@ import { IProps } from './types';
 
 const NotFound = ({ pkg }: IProps) => (
   <Wrapper>
-    <h1>Error 404 -{pkg}</h1>
+    <h1>
+      // TODO. Resolved the rule react/jsx-one-expression-per-line for now, but in the future we are going to use i18n here
+      {'Error 404 -'}
+      {pkg}
+    </h1>
     <hr />
     <p>Oops, The package you are trying to access does not exist.</p>
   </Wrapper>