Fix the admin-bar top spacing.

This was tested on the .com side to make sure that whent he admin bar is used the top spacing works as expeted.

alves/style-rtl.css

@@ -4543,7 +4543,7 @@ body:not(.fse-enabled) #masthead {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

alves/style.css

@@ -4572,7 +4572,7 @@ body:not(.fse-enabled) #masthead {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

barnsbury/style-rtl.css

@@ -4488,7 +4488,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

barnsbury/style.css

@@ -4517,7 +4517,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

dalston/style-rtl.css

@@ -4365,7 +4365,7 @@ a {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

dalston/style.css

@@ -4394,7 +4394,7 @@ a {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

hever/style-rtl.css

@@ -4565,7 +4565,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

hever/style.css

@@ -4594,7 +4594,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

mayland/style-rtl.css

@@ -4394,7 +4394,7 @@ strong {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

mayland/style.css

@@ -4423,7 +4423,7 @@ strong {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

morden/style-rtl.css

@@ -4658,7 +4658,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

morden/style.css

@@ -4687,7 +4687,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

rivington/style-rtl.css

@@ -4521,7 +4521,7 @@ p:not(.site-title) a:hover {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

rivington/style.css

@@ -4550,7 +4550,7 @@ p:not(.site-title) a:hover {
 		top: 46px;
 	}
 	.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
-		top: 62px;
+		top: 64px;
 	}
 	.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
 		top: 91px;

varia/sass/components/header/_site-mobile-nav-side.scss

@@ -128,13 +128,13 @@ $wpadmin-bar--height: 46px;
 				top: $wpadmin-bar--height;
 			}
 			.site-header #site-navigation.main-navigation #toggle:checked + label {
-				top: (2 * $baseline-unit) + $wpadmin-bar--height;
+				top: (2 * $baseline-unit) + $wpadmin-bar--height + 2;
 			}
 		}
 
 		&.admin-bar.has-marketing-bar {
-			//Consider admin bar height + marketing bar height
-			.site-header #site-navigation.main-navigation > div{
+			// Consider admin bar height + marketing bar height
+			.site-header #site-navigation.main-navigation > div {
 				top: $wpadmin-bar--height + $wpcom-marketing-bar--height;
 			}
 			.site-header #site-navigation.main-navigation #toggle:checked + label {