diff --git a/frontend/src/app/main/ui/settings/sidebar.cljs b/frontend/src/app/main/ui/settings/sidebar.cljs
index 366a0df9a..9638292f2 100644
--- a/frontend/src/app/main/ui/settings/sidebar.cljs
+++ b/frontend/src/app/main/ui/settings/sidebar.cljs
@@ -20,6 +20,9 @@
    [potok.v2.core :as ptk]
    [rumext.v2 :as mf]))
 
+(def ^:private arrow-icon
+  (i/icon-xref :arrow-refactor (stl/css :arrow-icon)))
+
 (def ^:private go-settings-profile
   #(st/emit! (rt/nav :settings-profile)))
 
@@ -63,7 +66,7 @@
      [:div {:class (stl/css :sidebar-content-section)}
       [:div {:class (stl/css :back-to-dashboard)
              :on-click go-dashboard}
-       [:span {:class (stl/css :icon)} i/arrow-down]
+       arrow-icon
        [:span {:class (stl/css :text)} (tr "labels.dashboard")]]]
 
      [:hr]
diff --git a/frontend/src/app/main/ui/settings/sidebar.scss b/frontend/src/app/main/ui/settings/sidebar.scss
index afb7cb38f..59b4d9d8a 100644
--- a/frontend/src/app/main/ui/settings/sidebar.scss
+++ b/frontend/src/app/main/ui/settings/sidebar.scss
@@ -135,25 +135,20 @@
 }
 
 .back-to-dashboard {
+  display: flex;
+  align-items: center;
   padding: $s-12 $s-16;
   font-size: $fs-14;
   cursor: pointer;
-  display: flex;
-
-  .icon {
-    display: flex;
-    align-items: center;
-    margin-right: $s-12;
-  }
 
   .text {
     color: $df-primary;
   }
-
-  svg {
-    fill: $df-secondary;
-    transform: rotate(90deg);
-    width: $s-12;
-    height: $s-12;
-  }
+}
+
+.arrow-icon {
+  @extend .button-icon;
+  stroke: var(--icon-foreground);
+  transform: rotate(180deg);
+  margin-right: $s-12;
 }