From c32f7854c15ca62070e86a1735887478ed9c75e1 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Mon, 5 Feb 2024 17:58:45 +0100
Subject: [PATCH] fix: arrows disappeared! :(

---
 packages/app-frontend/src/assets/style/index.postcss | 12 ++++++++++++
 packages/app-frontend/src/assets/style/index.styl    |  5 ++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/app-frontend/src/assets/style/index.postcss b/packages/app-frontend/src/assets/style/index.postcss
index 820ff4adb..38ebc580a 100644
--- a/packages/app-frontend/src/assets/style/index.postcss
+++ b/packages/app-frontend/src/assets/style/index.postcss
@@ -112,3 +112,15 @@ html, body, #app {
     }
   }
 }
+
+/* Arrows */
+
+.arrow {
+  @apply inline-block w-0 h-0 transition-transform duration-150 ease-out text-gray-500;
+
+  &.right {
+    border-top: 4px solid transparent;
+    border-bottom: 4px solid transparent;
+    border-left: 6px solid currentColor;
+  }
+}
diff --git a/packages/app-frontend/src/assets/style/index.styl b/packages/app-frontend/src/assets/style/index.styl
index a89cc6cd0..98183d731 100644
--- a/packages/app-frontend/src/assets/style/index.styl
+++ b/packages/app-frontend/src/assets/style/index.styl
@@ -45,9 +45,8 @@ button:focus
   &.active
     background-color $active-color
     color #fff
+    .item-name,
     .arrow
-      border-left-color #fff
-    .item-name
       color #fff
 
   .vue-ui-dark-mode &
@@ -55,7 +54,7 @@ button:focus
     &:hover
       background-color $dark-hover-color
       .arrow
-        border-left-color #666
+        color theme('colors.gray.600')
     &.selected,
     &.active
       color #fff