diff --git a/ui/app/styles/components/icon.scss b/ui/app/styles/components/icon.scss
index 5b2b4e4df..b10a2f9c1 100644
--- a/ui/app/styles/components/icon.scss
+++ b/ui/app/styles/components/icon.scss
@@ -75,11 +75,15 @@
   height: 32px;
 }
 
+// if using @stretched on FlightIcon there must be an explicit height set on the parent if used in a flexbox
+// without height set the flexbox will scale out of proportion on Safari
+
 .brand-icon-large {
   width: 62px;
-  height: 62px; // without an explicit height the view breaks in Safari
+  height: 62px;
 }
 
 .error-icon {
   width: 48px;
+  height: 48px;
 }