fix(input): prevent inputs from extending beyond their container width

Author: hanneke

src/Input/styled/wrapper.js

@@ -9,6 +9,7 @@ export default styled.div`
 
   ${p => p.labelDisplay === 'before' && `
     width: ${p.theme.inputWidth};
+    max-width: 100%;
 
     @media (min-width: 768px) {
       width: calc(${p.theme.inlineLabelWidth} + ${p.theme.inputWidth});

src/SelectField/styled/wrapper.js

@@ -461,6 +461,7 @@ export default styled.div`
   position: relative;
   width: calc(${p => p.theme.inputWidth} + 20px);
   padding-right: 20px;
+  max-width: calc(100% + 20px);
 
   @media (min-width: 768px) {
     width: calc(${p => p.theme.inlineLabelWidth} + ${p => p.theme.inputWidth} + 20px);