feat: vertically center pfe-tab content (#1737)

Author: bennypowers

CHANGELOG-1.x.md

@@ -6,6 +6,7 @@
 - [5f88c39](https://github.com/patternfly/patternfly-elements/commit/5f88c3963f8a6c13a9aeba6e9f664678453d46ce) fix: Jump links parseInt for IE11
 - [43a904e](https://github.com/patternfly/patternfly-elements/commit/43a904e2ce4f2ef7182f803bf35ade463e7c2f1d) fix: container sass placeholder using incorrect variable for spacing (#1522)
 - [](https://github.com/patternfly/patternfly-elements/commit/) fix: accordion rendering slotted content in the header
+- [](https://github.com/patternfly/patternfly-elements/commit/) feat: vertically center pfe-tab content
 
 # 1.10.1 (2021-07-12)
 

elements/pfe-tabs/src/pfe-tab.scss

@@ -52,7 +52,9 @@ $LOCAL-VARIABLES: map-deep-merge($LOCAL-VARIABLES, $backwards-compatibility);
   @include pfe-c-typography($type: text, $sizing: md, $base: true, $region: tab, $light-dom-heading: true);
 
   #tab {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    height: 100%;
 
     * {
       font-size: inherit;
@@ -86,10 +88,6 @@ $LOCAL-VARIABLES: map-deep-merge($LOCAL-VARIABLES, $backwards-compatibility);
 /// VERTICAL TAB ORIENTATION
 /// ===========================================================================
 
-:host([variant="earth"][vertical]) #tab {
-  display: inline-block;
-}
-
 @media screen and (min-width: pfe-breakpoint(md)) {
   :host([vertical]) {
     border-bottom-color: transparent;