diff --git a/assets/css/common/header.css b/assets/css/common/header.css
index e141e84d..40c84a00 100644
--- a/assets/css/common/header.css
+++ b/assets/css/common/header.css
@@ -115,12 +115,3 @@ body:not(.dark) #sun {
 .sub-menu:hover {
     visibility: visible;
 }
-
-.arrow-down {
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-    border-top: 5px solid var(--primary);
-    position: relative;
-    top: 1em;
-    left: 6px;
-}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 52e8a74f..3cc1d757 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -142,7 +142,9 @@
                     </svg>
                     {{- end }}
                     {{ if .HasChildren }}
-                    <i class="arrow-down"></i>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 14 14"> 
+                        <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> 
+                    </svg>
                     {{ end }}
                 </a>
             {{ if .HasChildren }}