diff --git a/cara/apps/calculator/static/images/arrow.png b/cara/apps/calculator/static/images/arrow.png
new file mode 100644
index 00000000..dae89705
Binary files /dev/null and b/cara/apps/calculator/static/images/arrow.png differ
diff --git a/cara/apps/calculator/static/images/level_scaling.png b/cara/apps/calculator/static/images/level_scaling.png
new file mode 100644
index 00000000..e5cb695d
Binary files /dev/null and b/cara/apps/calculator/static/images/level_scaling.png differ
diff --git a/cara/apps/calculator/templates/base/calculator.report.html.j2 b/cara/apps/calculator/templates/base/calculator.report.html.j2
index 6d321b7d..2f21e2d5 100644
--- a/cara/apps/calculator/templates/base/calculator.report.html.j2
+++ b/cara/apps/calculator/templates/base/calculator.report.html.j2
@@ -54,9 +54,17 @@
 					<div class="collapse show" id="collapseResults">
 					<div class="card-body">
 						<p class="card-text">
-							{% block report_summary %}
-							Taking into account the uncertainties tied to the model variables, in this scenario, the <b>probability of one exposed occupant getting infected is {{ prob_inf | non_zero_percentage }}</b><a href="#section1">[*]</a> and the <b>expected number of new cases is {{ expected_new_cases | float_format }}</b>.
-							{% endblock report_summary %}
+							<div class="d-flex flex-row">
+								<div class="d-flex flex-column align-self-center w-75">
+									{% block report_summary %}
+									Taking into account the uncertainties tied to the model variables, in this scenario, the <b>probability of one exposed occupant getting infected is {{ prob_inf | non_zero_percentage }}</b><a href="#section1">[*]</a> and the <b>expected number of new cases is {{ expected_new_cases | float_format }}</b>.
+									{% endblock report_summary %}
+								</div>
+								<div class="d-flex flex-column w-25 align-items-center align-middle">
+									<img id="scale_level_png" src="{{ calculator_prefix }}/static/images/level_scaling.png" style="max-height: 140px"/>
+									<img id="scale_level_arrow" src="{{ calculator_prefix }}/static/images/arrow.png" style="max-height: 20px; margin-top: -3%; margin-right: 80px; transform: rotate({{prob_inf*180/100}}deg); transform-origin: right bottom;"/>
+								</div>
+							</div>
 							<p id="section1">[*] The results are based on the parameters and assumptions published in the CERN Open Report <a href="https://cds.cern.ch/record/2756083"> CERN-OPEN-2021-004</a></p>
 							<img id="scenario_concentration_plot" src="{{ scenario_plot_src }}" />
 						</p>
diff --git a/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2 b/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
index 3cae7826..7ea0b231 100644
--- a/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
+++ b/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
@@ -57,19 +57,19 @@
 {% if (prob_inf > 5) %}
 	<div class="d-flex align-self-center">
   {% if scale_warning.level == "green-1" %}  
-    <div class="alert alert-dark w-75" role="alert" style="height:fit-content">
+    <div class="alert alert-dark" role="alert" style="height:fit-content">
       Note: the current CERN COVID Scale is <b>Green - 1</b>, which means the incidence rate in the local community is <b>{{scale_warning.incidence_rate}}</b>. Align your risk assessment with the guidance and instructions provided by the HSE Unit.  
     </div>
   {% elif scale_warning.level == "yellow-2" %}
-    <div class="alert alert-dark w-75" role="alert" style="height:fit-content">
+    <div class="alert alert-dark" role="alert" style="height:fit-content">
       Note: the current CERN COVID Scale is <b>Yellow - 2</b>, which means the incidence rate in the local community is <b>{{scale_warning.incidence_rate}}</b>. There is a reduced chance that asymptomatic or pre-symptomatic infected individuals circulate within the CERN site which, during this stage, corresponds to an average daily on-site access {{scale_warning.onsite_access}}. See with your supervisor if this scenario is acceptable.
     </div>
   {% elif scale_warning.level == "orange-3" %}
-    <div class="alert alert-dark w-75" role="alert" style="height:fit-content">
+    <div class="alert alert-dark" role="alert" style="height:fit-content">
       Warning: the current CERN COVID Scale is <b>Orange - 3</b>, which means the incidence rate in the local community is <b>{{scale_warning.incidence_rate}}</b>. There is a slight chance that asymptomatic or pre-symptomatic infected individuals circulate within the CERN site which, during this stage, corresponds to an average daily on-site access {{scale_warning.onsite_access}}. See with your supervisor if any additional measures can be applied (ALARA).
     </div>
   {% elif scale_warning.level == "red-4" %}
-    <div class="alert alert-dark w-75" role="alert" style="height:fit-content">
+    <div class="alert alert-dark" role="alert" style="height:fit-content">
       Warning: the current CERN COVID Scale is <b>Red - 4</b>, which means the incidence rate in the local community is <b>{{scale_warning.incidence_rate}}</b>. There is a strong chance that asymptomatic or pre-symptomatic infected individuals circulate within the CERN site which, during this stage, corresponds to an average daily on-site access {{scale_warning.onsite_access}}. Please reduce the value below the threshold of <b>{{scale_warning.threshold}}</b>.
     </div>
   {% else %}