Update styles.

components/ResultsList.scss

@@ -18,15 +18,21 @@ a {
 	background: initial;
 }
 
+.resultsAny {
+	padding: 15px;
+	background: rgb(248, 248, 248); // Match DevOps
+}
+
 .resultsList {
 	flex: 1 1 auto; // Assuming flex col parent.
 	display: flex; flex-direction: column; align-items: stretch;
 
 	.resultsBar {
 		flex: 0 0 auto;
-		background: rgba(0, 0, 0, 0.04);
+		background: white;
+		box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.08);
+		box-shadow: 0 0   4px 1px rgba(0, 0, 0, 0.1);
 		color: #666;
-		border-radius: 4px;
 		height: 48px;
 		margin-bottom: 16px;
 		padding: 0 8px 0 4px;
@@ -53,9 +59,10 @@ a {
 
 	.resultsDomain {
 		margin-bottom: 16px;
-		border: 1px solid rgba(0, 0, 0, 0.04);
+		background: white;
 		box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.08);
 		box-shadow: 0 0   4px 1px rgba(0, 0, 0, 0.1);
+		// box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .05); DevOps standard is a too light.
 
 		.ms-Viewport {
 			margin-top: 8px;

components/ResultsViewer.tsx

@@ -24,7 +24,7 @@ import {ResultsList} from './ResultsList.tsx'
 	render() {
 		const {isFull} = this.store
 		return !isFull
-			? <div style={{ padding: 15 }} className="resultsAny">
+			? <div className="resultsAny">
 				<ResultsList store={this.store} sarif={this.props.sarif} />
 			</div>
 			: <ResultsPage store={this.store}>