Add padding rules when no main nav is present.

spearhead/assets/sass/_header.scss

@@ -38,11 +38,13 @@ $site-branding-height: 68px;
 	grid-template-rows: auto;
 	grid-column-gap: 16px;
 	max-width: var(--responsive--alignfull-width);
+	padding: var(--global--spacing-vertical) 0;
 
 	@include media( laptop ){
 		grid-template-areas:
 			"site-logo site-logo site-logo"
 			"branding primary-navigation primary-navigation";
+		padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
 	}
 
 	.site-branding {

spearhead/style-rtl.css

@@ -247,11 +247,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	grid-template-rows: auto;
 	grid-column-gap: 16px;
 	max-width: var(--responsive--alignfull-width);
+	padding: var(--global--spacing-vertical) 0;
 }
 
 @media only screen and (min-width: 830px) {
 	.site-header {
 		grid-template-areas: "site-logo site-logo site-logo" "branding primary-navigation primary-navigation";
+		padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
 	}
 }
 

spearhead/style.css

@@ -247,11 +247,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	grid-template-rows: auto;
 	grid-column-gap: 16px;
 	max-width: var(--responsive--alignfull-width);
+	padding: var(--global--spacing-vertical) 0;
 }
 
 @media only screen and (min-width: 830px) {
 	.site-header {
 		grid-template-areas: "site-logo site-logo site-logo" "branding primary-navigation primary-navigation";
+		padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
 	}
 }