fix(ui5-icon): correct icon graphic vertical alignment in IE (#142)

In RTL the icon is not vertical aligned in IE, that might be seen in before this change in the Icon sample in RTL, opened in IE.

* fix typo

Author: ilhan007

packages/main/src/themes/base/Icon.less

@@ -16,17 +16,26 @@
 	color: @sapUiContentNonInteractiveIconColor;
 }
 
+:host(ui5-icon) span[data-sap-ui-wc-root] {
+	display: flex;
+	width: 100%;
+	height: 100%;
+}
+
 // required for browsers without native shadow dom
 ui5-icon {
 	display: inline-block;
 	outline: none;
 	color: @sapUiContentNonInteractiveIconColor;
+}
 
+ui5-icon span[data-sap-ui-wc-root] {
+	display: flex;
+	width: 100%;
+	height: 100%;
 	// workaround for IE
 	// pressing on the span does not propagate active state to the web component
-	& span[data-sap-ui-wc-root] {
-		pointer-events: none;
-	}
+	pointer-events: none;
 }
 
 .sapWCIcon {