Adjust sidebar grid layout to account for column gap (#7392)

mrleemurray · lemurra_microsoft · web-flow · commit 52cce0367541 · 2025-07-24T15:03:38.000Z
Co-authored-by: lemurra_microsoft &lt;Lee.Murray@microsoft.com&gt;
diff --git a/webviews/editorWebview/index.css b/webviews/editorWebview/index.css
@@ -1218,7 +1218,7 @@ code {
 	#sidebar {
 		display: grid;
 		column-gap: 20px;
-		grid-template-columns: 50% 50%;
+		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
 		padding: 0;
 		padding-bottom: 24px;
 	}

Original file line number	Diff line number	Diff line change
`@@ -1218,7 +1218,7 @@ code {`
`1218`	`1218`	`#sidebar {`
`1219`	`1219`	`display: grid;`
`1220`	`1220`	`column-gap: 20px;`
`1221`		`- grid-template-columns: 50% 50%;`
	`1221`	`+ grid-template-columns: calc(50% - 10px) calc(50% - 10px);`
`1222`	`1222`	`padding: 0;`
`1223`	`1223`	`padding-bottom: 24px;`
`1224`	`1224`	`}`