Add viewBox to arrow

src/ui/quickTour/arrowCmp/arrow.style.css

@@ -27,7 +27,7 @@ svg path
 #arrow_head
 {
   width: 2.4rem;
-  height: 4rem;
+  height: 2.4rem;
   transform-origin: 50% 0;
   stroke-width: 3px;
 }

src/ui/quickTour/arrowCmp/arrow.template.html

@@ -3,9 +3,10 @@
 <svg id="arrow_head"
   [style.transform]="headTranslate"
   fill="none"
+  viewBox="0 0 100 100"
   xmlns="http://www.w3.org/2000/svg">
   <g id="arrow_head_group">
-    <path id="arrrow_head_path" d="M.5 17.819C5.1556 10.6856 9.8111 3.5523 14 1.319s7.9111.4333 11 4 5.5444 8.0333 8 12.5"/>  </g>
+    <path id="arrrow_head_path" d="M.5 75.5c10-43 31-75 50-75s37 27 50 74"/></g>
 </svg>
 
 <!-- stem -->