From 9fb04be7ffd69428d2d78d6de84d1dd5ca344208 Mon Sep 17 00:00:00 2001
From: Darren Janeczek <38694490+darrenjaneczek@users.noreply.github.com>
Date: Wed, 7 Feb 2024 10:26:39 -0500
Subject: [PATCH] enhancement: use SVG icon for cascader expand instead of `>`
 (#81844)

* feature: use icon for cascader expand
---
 .../components/ButtonCascader/_ButtonCascader.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/grafana-ui/src/components/ButtonCascader/_ButtonCascader.scss b/packages/grafana-ui/src/components/ButtonCascader/_ButtonCascader.scss
index 63ba29bdd31..a7878bc96cf 100644
--- a/packages/grafana-ui/src/components/ButtonCascader/_ButtonCascader.scss
+++ b/packages/grafana-ui/src/components/ButtonCascader/_ButtonCascader.scss
@@ -125,13 +125,15 @@
         position: relative;
 
         &:after {
-          content: '>';
-          font-size: 12px;
-          color: $text-color-weak;
+          background: $text-color-weak;
+          content: '';
+          height: 24px;
+          mask: url(../img/icons/unicons/angle-right.svg);
+          mask-type: luminance;
           position: absolute;
-          right: 16px;
-          top: 0;
-          line-height: 32px;
+          right: 0px;
+          top: calc((32px - 24px) / 2);
+          width: 24px;
         }
       }
     }