diff --git a/src/styles/main.css b/src/styles/main.css
index 46f523e9..55d2acfa 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1099,7 +1099,7 @@ select {
 .table-navigation-bar,
 .format-detail-panel,
 .profile-detail-panel {
-  border-color: #bfc4cc !important;
+  border-color: #c0c0c0 !important;
   border-radius: 0 !important;
   background: #f0f0f0 !important;
   color: #111111 !important;
diff --git a/src/styles/shellChromeDensity.test.ts b/src/styles/shellChromeDensity.test.ts
index dbeef73b..1fd98db5 100644
--- a/src/styles/shellChromeDensity.test.ts
+++ b/src/styles/shellChromeDensity.test.ts
@@ -218,3 +218,11 @@ describe('workbench-toolbar fill', () => {
     )
   })
 })
+
+describe('panel border-color', () => {
+  const mainCss = readFileSync(resolve(__dirname, './main.css'), 'utf8')
+
+  it('matches capture panel border-color #c0c0c0', () => {
+    expect(mainCss).toMatch(/\.profile-detail-panel \{[\s\S]*?border-color:\s*#c0c0c0/)
+  })
+})