From 00a8b573b86f90e09fdf455b20fd6056a619a5e2 Mon Sep 17 00:00:00 2001
From: Tianchu Zhao <evantczhao@gmail.com>
Date: Tue, 11 Jun 2024 11:32:56 +1000
Subject: [PATCH] fix(select): vertically center arrow (#178)

* fix: center select arrow

Signed-off-by: Tianchu Zhao <evantczhao@gmail.com>

* add comment

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

---------

Signed-off-by: Tianchu Zhao <evantczhao@gmail.com>
Signed-off-by: Anton Gilgur <agilgur5@gmail.com>
Co-authored-by: Anton Gilgur <4970083+agilgur5@users.noreply.github.com>
---
 src/components/select/select.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/select/select.scss b/src/components/select/select.scss
index f60b9d20..249adb6d 100644
--- a/src/components/select/select.scss
+++ b/src/components/select/select.scss
@@ -27,9 +27,10 @@
     }
     
     &__value-arrow {
-        position: absolute;
-        top: 8px;
+        // right most, vertically centered
+        top: 50%;
         right: 0;
+        transform: translateY(-50%);
     }
     
     &__options {