Varia: Set cart icon to middle vertical-alignment.

varia/sass/vendors/woocommerce/components/_mini-cart.scss

@@ -17,7 +17,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			margin: 0;
 
 			.svg-icon {
-				vertical-align: text-top;
+				vertical-align: middle;
 			}
 		}
 
@@ -93,7 +93,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 				float: left;
 				height: #{map-deep-get($config-header, "main-nav", "font", "size")};
 				width: #{map-deep-get($config-header, "main-nav", "font", "size")};
-				vertical-align: top;
+				vertical-align: middle;
 			}
 
 			@include media(mobile) {

varia/style-woocommerce-rtl.css

@@ -738,7 +738,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
 }
 
 body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
-	vertical-align: text-top;
+	vertical-align: middle;
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
@@ -774,9 +774,6 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
 }
 
 @media only screen and (min-width: 560px) {
-	body[class*="woocommerce"] #page .main-navigation {
-		display: flex;
-	}
 	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
 		margin-left: 32px;
 	}
@@ -808,7 +805,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
 	float: right;
 	height: 1.2rem;
 	width: 1.2rem;
-	vertical-align: top;
+	vertical-align: middle;
 }
 
 @media only screen and (min-width: 560px) {

varia/style-woocommerce.css

@@ -738,7 +738,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
 }
 
 body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
-	vertical-align: text-top;
+	vertical-align: middle;
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
@@ -805,7 +805,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
 	float: left;
 	height: 1.2rem;
 	width: 1.2rem;
-	vertical-align: top;
+	vertical-align: middle;
 }
 
 @media only screen and (min-width: 560px) {