diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css
index f430169..8b254aa 100644
--- a/static/aerbimCSS.css
+++ b/static/aerbimCSS.css
@@ -1816,9 +1816,9 @@ body.n_scroll{
 }
 
 .tree_documentation_arrow_img{
-    width: 12px;
-    height: 7px;
-    padding: 9px 6px;
+    width: 7px;
+    height: 12px;
+    padding: 6px 9px;
 }
 
 .tree_documentation_container_first_level_txt{
@@ -1828,7 +1828,7 @@ body.n_scroll{
     margin-left: 3px;
     display: block;
     text-decoration: unset;
-    line-height: 24px;
+    line-height: 25px;
 }
 .tree_documentation_container_second_level_txt{
     font-size: 16px;
diff --git a/static/aerbimJS.js b/static/aerbimJS.js
index 0dee678..eea05d2 100644
--- a/static/aerbimJS.js
+++ b/static/aerbimJS.js
@@ -579,7 +579,7 @@ function showContentPartTree (el) {
     let $arrow = $parent.querySelector(".tree_documentation_arrow_img")
     $content_part.classList.toggle("hidden")
     if ($arrow.style.rotate === '0deg' || $arrow.style.rotate === ''){
-        $($arrow).css({rotate: '180deg'})
+        $($arrow).css({rotate: '90deg'})
     } else {
         $($arrow).css({rotate: '0deg'})
     }
diff --git a/static/images/arrow_for_doc_tree.svg b/static/images/arrow_for_doc_tree.svg
new file mode 100644
index 0000000..1a6f60f
--- /dev/null
+++ b/static/images/arrow_for_doc_tree.svg
@@ -0,0 +1,3 @@
+<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.53362 6.53082L1.06056 12.0028L-4.63675e-08 10.942L4.94258 6.00043L-3.60497e-07 1.05882L1.06056 -0.00193982L6.53362 5.47005C6.67431 5.61071 6.75335 5.8015 6.75335 6.00043C6.75335 6.19937 6.67431 6.39016 6.53362 6.53082Z" fill="#0C54A0"/>
+</svg>
diff --git a/templates/pages/p_documentation.html b/templates/pages/p_documentation.html
index 0b98d2d..ee13234 100644
--- a/templates/pages/p_documentation.html
+++ b/templates/pages/p_documentation.html
@@ -72,9 +72,9 @@
                     	<div class="tree_documentation_container_first_level">
                             <div class="tree_documentation_container_first_line">
                                 {% if obj.children %}
-                                	<picture class="tree_documentation_arrow_picture" onclick="showContentPartTree(this)" {% if obj.active %}style="rotate: 180deg;"{% endif %}>
-                                        <source srcset="{% static "images/arrow_for_documentation_switcher.svg" %}">
-                                        <img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt="">
+                                	<picture class="tree_documentation_arrow_picture" onclick="showContentPartTree(this)" {% if obj.active %}style="rotate: 90deg;"{% endif %}>
+                                        <source srcset="{% static "images/arrow_for_doc_tree.svg" %}">
+                                        <img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_doc_tree.svg" %}" alt="">
                                     </picture>
                                 {% endif %}
                                 <a class="tree_documentation_container_first_level_txt {% if not obj.children %}margin {% endif %}{% if cur_article.url == obj.url %}chose{% endif %}" href="{% url 'docs_art_page' cur_version.url obj.url %}">
@@ -88,9 +88,9 @@
                                         <div class="tree_documentation_container_second_level">
                                             <div class="tree_documentation_container_first_line">
                                                 {% if obj.children %}
-                                                    <picture class="tree_documentation_arrow_picture" onclick="showContentPartTree(this)" {% if obj.active %}style="rotate: 180deg;"{% endif %}>
-                                                        <source srcset="{% static "images/arrow_for_documentation_switcher.svg" %}">
-                                                        <img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_documentation_switcher.svg" %}" alt="">
+                                                    <picture class="tree_documentation_arrow_picture" onclick="showContentPartTree(this)" {% if obj.active %}style="rotate: 90deg;"{% endif %}>
+                                                        <source srcset="{% static "images/arrow_for_doc_tree.svg" %}">
+                                                        <img class="tree_documentation_arrow_img" src="{% static "images/arrow_for_doc_tree.svg" %}" alt="">
                                                     </picture>
                                                 {% endif %}
                                                 <a class="tree_documentation_container_second_level_txt {% if not obj.children %}margin {% endif %}{% if cur_article.url == obj.url %}chose{% endif %}" href="{% url 'docs_art_page' cur_version.url obj.url %}">