diff --git a/monkey_island/cc/ui/src/components/pages/ReportPage.js b/monkey_island/cc/ui/src/components/pages/ReportPage.js
index 53a9d0322..440000596 100644
--- a/monkey_island/cc/ui/src/components/pages/ReportPage.js
+++ b/monkey_island/cc/ui/src/components/pages/ReportPage.js
@@ -143,8 +143,8 @@ class ReportPageComponent extends React.Component {
       <div id="header" className="row justify-content-between">
         <Col xs={8}>
           <div>
-            <h2 style={{marginTop: '0px', marginBottom: '5px', color: '#666666'}}>Security Report</h2>
-            <h2 style={{marginTop: '0px', marginBottom: '0px', color: '#ffcc00'}}>Infection <b>Monkey</b></h2>
+            <h1 style={{marginTop: '0px', marginBottom: '5px', color: '#666666', fontFamily: 'Alegreya'}}>Security Report</h1>
+            <h1 style={{marginTop: '0px', marginBottom: '0px', color: '#ffcc00', fontFamily: 'Alegreya'}}>Infection <b>Monkey</b></h1>
           </div>
         </Col>
         <Col xs={4}>
@@ -161,9 +161,9 @@ class ReportPageComponent extends React.Component {
   generateReportOverviewSection() {
     return (
       <div id="overview">
-        <h1>
+        <h2>
           Overview
-        </h1>
+        </h2>
         {
           this.state.report.glance.exploited.length > 0 ?
             (<p className="alert alert-danger">
@@ -273,9 +273,9 @@ class ReportPageComponent extends React.Component {
   generateReportFindingsSection() {
     return (
       <div id="findings">
-        <h1>
+        <h3>
           Security Findings
-        </h1>
+        </h3>
         <div>
           <h3>
             Immediate Threats
@@ -352,9 +352,9 @@ class ReportPageComponent extends React.Component {
   generateReportRecommendationsSection() {
     return (
       <div id="recommendations">
-        <h1>
+        <h3>
           Recommendations
-        </h1>
+        </h3>
         <div>
           {this.generateIssues(this.state.report.recommendations.issues)}
         </div>
@@ -367,9 +367,9 @@ class ReportPageComponent extends React.Component {
       (100 * this.state.report.glance.exploited.length) / this.state.report.glance.scanned.length;
     return (
       <div id="glance">
-        <h1>
+        <h3>
           The Network from the Monkey's Eyes
-        </h1>
+        </h3>
         <div>
           <p>
             The Monkey discovered <span