fix(my-joy-beta): fix vertical align in IE11

fixes #1094
fixes #1095

packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap

@@ -661,6 +661,7 @@ exports[`renders <Hostname values /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c3 {

packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap

@@ -147,6 +147,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c12 {
@@ -1585,6 +1586,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c19 {
@@ -3427,6 +3429,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c19 {
@@ -4350,6 +4353,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c11 {
@@ -4757,6 +4761,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c11 {
@@ -5164,6 +5169,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c11 {
@@ -5575,6 +5581,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c11 {
@@ -5995,6 +6002,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c11 {
@@ -6526,6 +6534,7 @@ Array [
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c12 {

packages/my-joy-beta/src/components/__tests__/__snapshots__/network.spec.js.snap

@@ -80,6 +80,7 @@ exports[`renders <Network /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -807,6 +808,7 @@ exports[`renders <Network /> without throwing 2`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -1115,6 +1117,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -1853,6 +1856,7 @@ exports[`renders <Network {...network} /> without throwing 2`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -2163,6 +2167,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -2901,6 +2906,7 @@ exports[`renders <Network {...network} /> without throwing 4`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -3220,6 +3226,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -4278,6 +4285,7 @@ exports[`renders <Network {...network} fabric /> without throwing 2`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -4624,6 +4632,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -5752,6 +5761,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 2`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -6062,6 +6072,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {
@@ -6799,6 +6810,7 @@ exports[`renders <Network {...network} public /> without throwing 2`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c0 {

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

@@ -45,6 +45,7 @@ exports[`renders <Name /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c9 {
@@ -493,6 +494,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c9 {
@@ -941,6 +943,7 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c9 {
@@ -1389,6 +1392,7 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
   -webkit-flex-shrink: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
+  display: block;
 }
 
 .c9 {