fix(my-joy-beta): fix selects in IE11

packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap

@@ -97,6 +97,10 @@ exports[`renders <Rule/> without throwing 1`] = `
   margin: 0 0.375rem;
 }
 
+.c5::-ms-expand {
+  display: none;
+}
+
 .c7 {
   width: 5.625rem;
   position: relative;
@@ -119,6 +123,10 @@ exports[`renders <Rule/> without throwing 1`] = `
   margin: 0 0.375rem;
 }
 
+.c7::-ms-expand {
+  display: none;
+}
+
 .c10 {
   width: 7.5rem;
   position: relative;
@@ -141,6 +149,10 @@ exports[`renders <Rule/> without throwing 1`] = `
   margin: 0 0.375rem;
 }
 
+.c10::-ms-expand {
+  display: none;
+}
+
 .c2 {
   color: rgba(73,73,73,1);
   font-weight: normal;
@@ -771,6 +783,10 @@ exports[`renders <Rule/> without throwing 2`] = `
   margin: 0 0.375rem;
 }
 
+.c5::-ms-expand {
+  display: none;
+}
+
 .c7 {
   width: 5.625rem;
   position: relative;
@@ -793,6 +809,10 @@ exports[`renders <Rule/> without throwing 2`] = `
   margin: 0 0.375rem;
 }
 
+.c7::-ms-expand {
+  display: none;
+}
+
 .c10 {
   width: 7.5rem;
   position: relative;
@@ -815,6 +835,10 @@ exports[`renders <Rule/> without throwing 2`] = `
   margin: 0 0.375rem;
 }
 
+.c10::-ms-expand {
+  display: none;
+}
+
 .c2 {
   color: rgba(73,73,73,1);
   font-weight: normal;

packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap

@@ -121,6 +121,10 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
   padding-right: 1.5625rem;
 }
 
+.c8::-ms-expand {
+  display: none;
+}
+
 .c4 {
   color: rgba(73,73,73,1);
   font-weight: 600;

packages/my-joy-beta/src/components/key-value.js

@@ -48,8 +48,8 @@ const PaddingMaxWidth = styled(Padding)`
 `;
 
 const Meta = styled(CardHeaderMeta)`
-   height: ${remcalc(47)}
-`
+  height: ${remcalc(47)};
+`;
 
 class ValueTextareaField extends PureComponent {
   render() {

packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap

@@ -663,6 +663,10 @@ exports[`Form Select 1`] = `
   padding-right: 1.5625rem;
 }
 
+.c1::-ms-expand {
+  display: none;
+}
+
 <div
   className="c0"
   disabled={false}

packages/ui-toolkit/src/form/select.js

@@ -62,6 +62,10 @@ const StyledSelect = select.extend`
   padding: ${remcalc(12)};
   padding-right: ${remcalc(25)};
 
+  &::-ms-expand {
+    display: none;
+  }
+
   ${is('disabled')`
     border-color:  ${props => props.theme.grey};
     color:  ${props => props.theme.grey};