diff --git a/cara/apps/calculator/static/css/report.css b/cara/apps/calculator/static/css/report.css
index 9d6ed56a..d3b3bef5 100644
--- a/cara/apps/calculator/static/css/report.css
+++ b/cara/apps/calculator/static/css/report.css
@@ -69,27 +69,19 @@ p.notes {
   text-decoration: none;
 }
 
+.warning_image_png {
+	margin-bottom: 1rem; 
+	padding-left: 30px; 
+	border-radius: .25rem
+}
+
+.warning_text {
+	height:fit-content; 
+	align-self: flex-end; 
+	margin-left: 5%
+}
+
 /* Flexbox layouts */
 .flex {
 	display: flex;
-}
-
-.flex_space_between {
-	display: flex;
-	justify-content: space-between;
-}
-
-.flex_flex_start {
-	display: flex;
-	justify-content: flex-start;
-}
-
-.flex_direction_column {
-	display: flex;
-	flex-direction: column;
-}
-
-.flex_direction_row {
-	display: flex;
-	flex-direction: row;
 }
\ No newline at end of file
diff --git a/cara/apps/calculator/templates/base/calculator.report.html.j2 b/cara/apps/calculator/templates/base/calculator.report.html.j2
index 34e127a9..3142b36b 100644
--- a/cara/apps/calculator/templates/base/calculator.report.html.j2
+++ b/cara/apps/calculator/templates/base/calculator.report.html.j2
@@ -215,9 +215,9 @@
 		
 		{% if (prob_inf > 5) %}
 		
-		<div class="flex">
-			<img class="alert" src="{{ calculator_prefix }}{{ scale_warning.display_png}}" style="padding-top: 0; padding-bottom: 0; padding-left: 2%">
-			<div class="alert alert-dark" role="alert" style="width: 50%; margin-left: 10%">
+		<div class="flex" style="width:60%">
+			<img class="warning_image_png" src="{{ calculator_prefix }}{{ scale_warning.display_png}}">
+			<div class="alert alert-dark warning_text" role="alert">
 				{{scale_warning.display_text}}
 			</div>
 		</div>