diff --git a/cara/apps/calculator/templates/base/calculator.report.html.j2 b/cara/apps/calculator/templates/base/calculator.report.html.j2
index a22372cc..57f165d7 100644
--- a/cara/apps/calculator/templates/base/calculator.report.html.j2
+++ b/cara/apps/calculator/templates/base/calculator.report.html.j2
@@ -14,18 +14,17 @@
 
 {% block report_header %}
 
-	<div style="position:relative; text-align:center; margin-left:-200pt; max-height:180pt; margin-bottom: 1em;">
-		<img src="/static/images/cara_logo_text.png" style="height:150px; display:inline-block; vertical-align:middle; object-fit:cover;">
-		<h1 style="display:inline; vertical-align:middle; margin-left:1em;">Report</h1>
+	<div class="d-flex flex-row">
+		<img src="/static/images/cara_logo.200x200.png" style="height:10em; display:inline-block; vertical-align:middle; padding: 1em;">
+		<div class="d-flex align-self-center flex-column" style="margin-left: 1em">
+			<h2 class="text-component-title" style="margin-bottom: 0">CARA - CALCULATOR REPORT</h1>
+			<p style="margin-bottom: 0"> Created {{ creation_date }} using CARA calculator version v{{ form.calculator_version }}</p>
+		</div>
 	</div>
 
-	<p class=subtitle> Created {{ creation_date }} using CARA calculator version v{{ form.calculator_version }}</p><br>
-
 {% endblock report_header %}
 
-
 {% block report_preamble %}
-
 {% endblock report_preamble %}
 
 {% block simulation_overview %}