diff --git a/packages/components/src/components/form/_form.scss b/packages/components/src/components/form/_form.scss index 1007c2b51aa0..1dd23f6481ba 100644 --- a/packages/components/src/components/form/_form.scss +++ b/packages/components/src/components/form/_form.scss @@ -24,7 +24,10 @@ @include type-style('body-short-01'); display: flex; flex-direction: column; - flex: 1; + // We specify `auto` as the default value so that the form item does + // not collapse in IE11 due to a `flex-basis` of 0 only working with + // `flex-direction: row` + flex: 1 1 auto; align-items: flex-start; } diff --git a/packages/components/src/components/pagination/_pagination.scss b/packages/components/src/components/pagination/_pagination.scss index dfa19265e65f..6c11d19a16fe 100644 --- a/packages/components/src/components/pagination/_pagination.scss +++ b/packages/components/src/components/pagination/_pagination.scss @@ -65,8 +65,8 @@ $css--helpers: true; } .#{$prefix}--pagination .#{$prefix}--select__arrow { - top: auto; - bottom: auto; + top: 50%; + transform: translateY(-50%); @include carbon--breakpoint('md') { right: $carbon--spacing-05; }