From 454644c179cfa6ffaf5dd5df605d5f5a58d0c612 Mon Sep 17 00:00:00 2001
From: Pascal Alferink <pascal@denieuwezaak.nl>
Date: Fri, 16 Feb 2018 11:09:42 +0100
Subject: [PATCH] castlecss-forms issue 45, ie10 position of arrow in selectbox

---
 sass/component/select.scss | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/sass/component/select.scss b/sass/component/select.scss
index 243d358..aa4c7cd 100644
--- a/sass/component/select.scss
+++ b/sass/component/select.scss
@@ -27,8 +27,7 @@
 
 			~ .select-arrow {
 				&:after {
-					margin-left: -3px;
-					transform: rotate(-90deg);
+					transform: rotate(90deg) scaleX(-1);
 				}
 			}
 		}
@@ -50,20 +49,18 @@
 }
 
 .select-arrow {
-	position: absolute; top: 50%; right: 0;
+	position: absolute; top: 0;  right: 0;
 	width: $input-height; height: $input-height;
-	transform: translateY(-50%);
 	transition: $input-transition;
+	line-height: $input-height;
+	text-align: center;
 	pointer-events: none;
 
 	&:after {
 		content: $select-arrow;
-		box-sizing: border-box;
 		display: block;
 		width: $input-height; height: $input-height;
-		line-height: $input-height;
-		text-align: center;
-		transform: rotate(90deg);
+		transform: rotate(90deg) scaleX(1);
 		transform-origin: center;
 	}
 }
\ No newline at end of file