From 4b24564087c57fc51ce76542d952f753208bd26f Mon Sep 17 00:00:00 2001
From: Tom X Nguyen <tom81094@gmail.com>
Date: Wed, 22 Jan 2025 23:01:52 +0700
Subject: [PATCH 1/2] style: remove double scroll bar through unsetting
 overflow

---
 webview-ui/src/index.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index ad2d8b5..7995b7d 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -119,6 +119,11 @@ https://github.com/microsoft/vscode-webview-ui-toolkit/tree/main/src/dropdown#wi
 	margin-bottom: 2px;
 }
 
+/* Fix dropdown double scrollbar overflow */
+#api-provider > div > ul {
+	overflow: unset;
+}
+
 /* Fix scrollbar in dropdown */
 
 vscode-dropdown::part(listbox) {

From ece63103c7b8d8041c1502ed820786c05e788439 Mon Sep 17 00:00:00 2001
From: Tom X Nguyen <tom81094@gmail.com>
Date: Wed, 22 Jan 2025 23:02:32 +0700
Subject: [PATCH 2/2] style: align chatrow through padding and keep flex-start
 for the trash

---
 webview-ui/src/components/chat/ChatRow.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index 871e6e2..74a6772 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -567,10 +567,12 @@ export const ChatRowContent = ({
 								style={{
 									display: "flex",
 									justifyContent: "space-between",
-									alignItems: "center",
+									alignItems: "flex-start",
 									gap: "10px",
 								}}>
-								<span style={{ display: "block", flexGrow: 1 }}>{highlightMentions(message.text)}</span>
+								<span style={{ display: "block", flexGrow: 1, padding: "4px" }}>
+									{highlightMentions(message.text)}
+								</span>
 								<VSCodeButton
 									appearance="icon"
 									style={{