Merge pull request #310690 from microsoft/mrleemurray/beneficial-indigo-mosquito

Agents: Refactor AI Customization Management CSS for improved styling consistency

Author: mrleemurray

src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css

@@ -33,24 +33,25 @@
 	gap: 4px;
 	padding: 2px 0 6px;
 	margin-bottom: 6px;
-	border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border, transparent);
+	border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border, var(--vscode-panel-border, var(--vscode-widget-border, transparent)));
 }
 
 .ai-customization-management-editor .sidebar-home-button {
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
 	gap: 10px;
-	padding: 5px 8px;
+	padding: 4px 8px;
 	border: none;
 	border-radius: 4px;
-	background: var(--vscode-dropdown-background);
-	color: var(--vscode-dropdown-foreground);
+	background: transparent;
+	color: var(--vscode-foreground);
 	cursor: pointer;
 	font-size: 12px;
 	font-weight: 600;
 	line-height: 18px;
 	font-family: inherit;
+	transition: background-color 0.1s ease;
 }
 
 .ai-customization-management-editor .sidebar-home-button:hover {