diff --git a/apps/doc-gen/src/app/App.tsx b/apps/doc-gen/src/app/App.tsx
index 64079e2b2e..78b2dcdb5b 100644
--- a/apps/doc-gen/src/app/App.tsx
+++ b/apps/doc-gen/src/app/App.tsx
@@ -29,9 +29,8 @@ const App = () => {
 
   return (
     <div className="p-3">
-      <h1>Documentation generator</h1>
       <h3>Compile a solidity contract in order to build documentation as markdown.</h3>
-      {fileName && <h5>File: {fileName.split('/')[1].split('.')[0].concat('.sol')}</h5>}
+      {fileName && <h6>File: {fileName.split('/')[1].split('.')[0].concat('.sol')}</h6>}
       {hasBuild && <button className="btn btn-primary btn-block mt-4 rounded" onClick={() => client.generateDocs()}>Generate doc</button>}
     </div>
   )