Hever: Align header items to the baseline

hever/sass/_extra-child-theme.scss

@@ -63,6 +63,7 @@ a {
 	}
 
 	.site-header {
+		align-items: center;
 		display: grid;
 		grid-template-columns: auto;
 		grid-template-rows: auto;
@@ -89,13 +90,13 @@ a {
 		}
 
 		.site-branding {
-			align-self: flex-start;
+			align-self: baseline;
 			grid-area: site-branding;
 			max-width: inherit;
 		}
 
 		.main-navigation {
-			align-self: flex-start;
+			align-self: baseline;
 			grid-area: main-navigation;
 			justify-self: end;
 

hever/style-rtl.css

@@ -3255,6 +3255,7 @@ p:not(.site-title) a:hover {
 		top: auto;
 	}
 	.site-header {
+		align-items: center;
 		display: grid;
 		grid-template-columns: auto;
 		grid-template-rows: auto;
@@ -3274,12 +3275,12 @@ p:not(.site-title) a:hover {
 		grid-area: site-logo;
 	}
 	.site-header .site-branding {
-		align-self: flex-start;
+		align-self: baseline;
 		grid-area: site-branding;
 		max-width: inherit;
 	}
 	.site-header .main-navigation {
-		align-self: flex-start;
+		align-self: baseline;
 		grid-area: main-navigation;
 		justify-self: end;
 	}

hever/style.css

@@ -3260,6 +3260,7 @@ p:not(.site-title) a:hover {
 		top: auto;
 	}
 	.site-header {
+		align-items: center;
 		display: grid;
 		grid-template-columns: auto;
 		grid-template-rows: auto;
@@ -3279,12 +3280,12 @@ p:not(.site-title) a:hover {
 		grid-area: site-logo;
 	}
 	.site-header .site-branding {
-		align-self: flex-start;
+		align-self: baseline;
 		grid-area: site-branding;
 		max-width: inherit;
 	}
 	.site-header .main-navigation {
-		align-self: flex-start;
+		align-self: baseline;
 		grid-area: main-navigation;
 		justify-self: end;
 	}