From f764b364790597ebc90d2ee324cbf3d02b016aa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Fri, 13 Oct 2017 21:00:19 +0100
Subject: [PATCH] fix(ui-toolkit): fix FormSelect fluid flag

---
 packages/ui-toolkit/src/form/select.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/ui-toolkit/src/form/select.js b/packages/ui-toolkit/src/form/select.js
index 7f3e2400..82375129 100644
--- a/packages/ui-toolkit/src/form/select.js
+++ b/packages/ui-toolkit/src/form/select.js
@@ -17,10 +17,12 @@ const Select = Baseline(BaseInput(Stylable('select')));
 const SelectWrapper = styled.div`
   position: relative;
   display: inline-flex;
+  width: 100%;
 
   ${isNot('fluid')`
     min-width: ${remcalc(200)};
   `};
+
   &:after {
     content: '';
     width: ${remcalc(10)};
@@ -32,6 +34,7 @@ const SelectWrapper = styled.div`
     transform: translateY(-50%);
     right: ${remcalc(12)};
   }
+
   ${is('disabled')`
     &:after {
       background: url(${chevronDisabled}) center center no-repeat;
@@ -50,7 +53,9 @@ const StyledSelect = Select.extend`
  * @example ./usage-select.md
  */
 export default ({ children, fluid, ...rest }) => (
-  <SelectWrapper {...rest} fluid={fluid}>
-    <StyledSelect {...rest}>{children}</StyledSelect>
+  <SelectWrapper fluid={fluid}>
+    <StyledSelect {...rest} fluid={fluid}>
+      {children}
+    </StyledSelect>
   </SelectWrapper>
 );