diff --git a/package-lock.json b/package-lock.json
index e1cec26..fe1b126 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "castlecss-forms",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index a768ef8..d0d5c8b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "castlecss-forms",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Easy to use forms for CastleCSS",
   "main": "index.js",
   "scripts": {
diff --git a/sass/component/select.scss b/sass/component/select.scss
index aa4c7cd..798967b 100644
--- a/sass/component/select.scss
+++ b/sass/component/select.scss
@@ -1,5 +1,3 @@
-// Customselect styling
-
 .select {
 	position: relative;
 	display: inline-block;
@@ -27,7 +25,8 @@
 
 			~ .select-arrow {
 				&:after {
-					transform: rotate(90deg) scaleX(-1);
+					margin-left: -3px;
+					transform: rotate(-90deg);
 				}
 			}
 		}
@@ -49,18 +48,20 @@
 }
 
 .select-arrow {
-	position: absolute; top: 0;  right: 0;
+	position: absolute; top: 50%; 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;
-		transform: rotate(90deg) scaleX(1);
+		line-height: $input-height;
+		text-align: center;
+		transform: rotate(90deg);
 		transform-origin: center;
 	}
 }
\ No newline at end of file