expand fixed toolbar to cover document title control

packages/edit-site/src/components/layout/style.scss

@@ -4,6 +4,16 @@
 	color: $white;
 	display: flex;
 	flex-direction: column;
+
+	// expand the fixed block toolbar to cover the document title control
+	.block-editor-block-contextual-toolbar {
+		@include break-medium() {
+			&.is-fixed {
+				// the combined with of the tools at the right of the header and the margin left
+				width: calc(100% - 240px - #{$grid-unit-80} - #{$grid-unit-70});
+			}
+		}
+	}
 }
 
 .edit-site-layout__hub {
@@ -244,17 +254,3 @@
 	}
 }
 
-.edit-site-layout.has-fixed-toolbar {
-	// making the header be lower than the content
-	// so the fixed toolbar can be positioned on top of it
-	// but only on desktop
-	@include break-medium() {
-		.edit-site-site-hub {
-			z-index: 4;
-		}
-		.edit-site-layout__header:focus-within {
-			z-index: 3;
-		}
-	}
-}
-