diff --git a/allure-generator/src/main/javascript/blocks/arrow/arrow.svg b/allure-generator/src/main/javascript/blocks/arrow/arrow.svg
deleted file mode 100644
index bc644c7bb..000000000
--- a/allure-generator/src/main/javascript/blocks/arrow/arrow.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="6px" height="12px" viewBox="0 0 6 12" enable-background="new 0 0 6 12" xml:space="preserve">
-<g>
-	<g>
-		<polygon fill="#010101" points="0,1.626 4.248,6.008 0,10.39 0.607,11.016 5.463,6.008 0.607,1 		"/>
-	</g>
-</g>
-</svg>
diff --git a/allure-generator/src/main/javascript/blocks/arrow/styles.scss b/allure-generator/src/main/javascript/blocks/arrow/styles.scss
index 1cc62c83d..3e8b0c5ea 100644
--- a/allure-generator/src/main/javascript/blocks/arrow/styles.scss
+++ b/allure-generator/src/main/javascript/blocks/arrow/styles.scss
@@ -1,16 +1,16 @@
 .block__arrow {
-  top: 7px;
   position: absolute;
   visibility: visible;
   transition: transform 0.1s;
   font-weight: initial;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: normal;
   &__expanded {
     transform: rotate(90deg);
   }
 }
 
-.arrow {
-  width: 14px;
-  height: 14px;
-  background: url(./arrow.svg) center no-repeat;
+.angle {
+  width: 18px;
 }
\ No newline at end of file
diff --git a/allure-generator/src/main/javascript/blocks/attachment-row/attachment-row.hbs b/allure-generator/src/main/javascript/blocks/attachment-row/attachment-row.hbs
index a6125d631..66ffddcd9 100644
--- a/allure-generator/src/main/javascript/blocks/attachment-row/attachment-row.hbs
+++ b/allure-generator/src/main/javascript/blocks/attachment-row/attachment-row.hbs
@@ -1,6 +1,6 @@
 <div>
     <div class="attachment-row" data-uid="{{uid}}">
-        <span class="attachment-row__arrow block__arrow arrow"></span>
+        <span class="attachment-row__arrow block__arrow">{{angle}}</span>
         <div class="attachment-row__icon">
             <span class="{{fileicon type}}" data-tooltip="{{type}}"></span>
         </div>
diff --git a/allure-generator/src/main/javascript/blocks/attachment-row/styles.scss b/allure-generator/src/main/javascript/blocks/attachment-row/styles.scss
index 5ad7cbb9d..4aa15d7f7 100644
--- a/allure-generator/src/main/javascript/blocks/attachment-row/styles.scss
+++ b/allure-generator/src/main/javascript/blocks/attachment-row/styles.scss
@@ -26,7 +26,6 @@
   &__arrow {
     left: 7px;
     position: absolute;
-    font-size: initial;
   }
   &__name {
     flex: 1;
diff --git a/allure-generator/src/main/javascript/components/testresult-execution/stages-block.hbs b/allure-generator/src/main/javascript/components/testresult-execution/stages-block.hbs
index d38fc241d..9f459b00b 100644
--- a/allure-generator/src/main/javascript/components/testresult-execution/stages-block.hbs
+++ b/allure-generator/src/main/javascript/components/testresult-execution/stages-block.hbs
@@ -1,7 +1,7 @@
 {{#if stages}}
     <div class="{{b 'step' expanded=expanded}}">
         <div class="{{b 'step' 'title' hasContent=true stage=true}}">
-            <span class="step__arrow block__arrow arrow"></span>
+            <span class="step__arrow block__arrow">{{angle}}</span>
             {{name}}
         </div>
         <div class="{{b 'step' 'content'}}">
diff --git a/allure-generator/src/main/javascript/components/tree/tree-group.hbs b/allure-generator/src/main/javascript/components/tree/tree-group.hbs
index 2162b4776..ee534d54f 100644
--- a/allure-generator/src/main/javascript/components/tree/tree-group.hbs
+++ b/allure-generator/src/main/javascript/components/tree/tree-group.hbs
@@ -1,7 +1,7 @@
 {{#if children}}
     <div class="node" data-uid="{{uid}}">
         <div class="node__title long-line" data-uid="{{uid}}">
-            <span class="node__arrow block__arrow arrow"></span>
+            <span class="node__arrow block__arrow">{{angle}}</span>
             {{#if name}}
                 <div class="node__name">
                     {{name}}
diff --git a/allure-generator/src/main/javascript/helpers/angle.js b/allure-generator/src/main/javascript/helpers/angle.js
new file mode 100644
index 000000000..f36a59e3a
--- /dev/null
+++ b/allure-generator/src/main/javascript/helpers/angle.js
@@ -0,0 +1,6 @@
+import {SafeString} from 'handlebars/runtime';
+
+
+export default function() {
+    return new SafeString('<span class="angle fa fa-angle-right fa-fw fa-lg"></span>');
+}
\ No newline at end of file
diff --git a/allure-generator/webpack.config.js b/allure-generator/webpack.config.js
index 223d6dbfa..c04490784 100644
--- a/allure-generator/webpack.config.js
+++ b/allure-generator/webpack.config.js
@@ -71,6 +71,7 @@ module.exports = (env) => {
             new CaseSensitivePathsPlugin()
         ],
         devServer: {
+            disableHostCheck: true,
             contentBase: './build/demo-report/',
             stats: {colors: true},
             host: '0.0.0.0',