From 2fd6e913179fe849ddb3d7502b32dd1824327e58 Mon Sep 17 00:00:00 2001
From: mmiyauchi <miyauchi@ubiregi.com>
Date: Tue, 11 Jul 2017 11:55:51 +0900
Subject: [PATCH] Fix clearable padding style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjust padding-right because prevent text from overlapping `×` button.
---
 less/control.less | 4 ++++
 scss/control.scss | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/less/control.less b/less/control.less
index 33a8dc0128..f9acf52746 100644
--- a/less/control.less
+++ b/less/control.less
@@ -118,6 +118,10 @@
 	white-space: nowrap;
 }
 
+.has-value.is-clearable.Select--single > .Select-control .Select-value {
+	padding-right: (@select-clear-width + @select-arrow-width * 5);
+}
+
 .has-value.Select--single > .Select-control .Select-value,
 .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value {
 	.Select-value-label {
diff --git a/scss/control.scss b/scss/control.scss
index e1b48d6121..b4de33fed3 100644
--- a/scss/control.scss
+++ b/scss/control.scss
@@ -106,6 +106,10 @@
 	white-space: nowrap;
 }
 
+.has-value.is-clearable.Select--single > .Select-control .Select-value {
+	padding-right: ($select-clear-width + $select-arrow-width * 5);
+}
+
 .has-value.Select--single > .Select-control .Select-value,
 .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value {
 	.Select-value-label {