Fix code accordian text alignment

webview-ui/src/components/CodeAccordian.tsx

@@ -49,19 +49,35 @@ const CodeAccordian = ({ code, diff, language, path, isFeedback, isExpanded, onT
 						msUserSelect: "none",
 					}}
 					onClick={onToggleExpand}>
-					{isFeedback && <span className="codicon codicon-feedback" style={{ marginRight: "6px" }}></span>}
-					<span
-						style={{
-							whiteSpace: "nowrap",
-							overflow: "hidden",
-							textOverflow: "ellipsis",
-							marginRight: "8px",
-							// trick to get ellipsis at beginning of string
-							direction: "rtl",
-							textAlign: "left",
-						}}>
-						{isFeedback ? "User Edits" : removeLeadingNonAlphanumeric(path ?? "") + "\u200E"}
-					</span>
+					{isFeedback ? (
+						<div style={{ display: "flex", alignItems: "center" }}>
+							<span className="codicon codicon-feedback" style={{ marginRight: "6px" }}></span>
+							<span
+								style={{
+									whiteSpace: "nowrap",
+									overflow: "hidden",
+									textOverflow: "ellipsis",
+									marginRight: "8px",
+								}}>
+								User Edits
+							</span>
+						</div>
+					) : (
+						<>
+							<span
+								style={{
+									whiteSpace: "nowrap",
+									overflow: "hidden",
+									textOverflow: "ellipsis",
+									marginRight: "8px",
+									// trick to get ellipsis at beginning of string
+									direction: "rtl",
+									textAlign: "left",
+								}}>
+								{removeLeadingNonAlphanumeric(path ?? "") + "\u200E"}
+							</span>
+						</>
+					)}
 					<span className={`codicon codicon-chevron-${isExpanded ? "up" : "down"}`}></span>
 				</div>
 			)}