From 86636526bd467fb06d8c08be311b7f09b5c2d681 Mon Sep 17 00:00:00 2001
From: Matt Rubens <mrubens@users.noreply.github.com>
Date: Thu, 17 Apr 2025 23:25:23 -0400
Subject: [PATCH] Update the style of the suggestions (#2734)

* Update the style of the suggestions

* Cleanup
---
 webview-ui/src/components/chat/FollowUpSuggest.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/webview-ui/src/components/chat/FollowUpSuggest.tsx b/webview-ui/src/components/chat/FollowUpSuggest.tsx
index b300add5fb..5f1402bf44 100644
--- a/webview-ui/src/components/chat/FollowUpSuggest.tsx
+++ b/webview-ui/src/components/chat/FollowUpSuggest.tsx
@@ -1,5 +1,5 @@
 import { useCallback } from "react"
-import { ArrowRight, Edit } from "lucide-react"
+import { Edit } from "lucide-react"
 
 import { Button } from "@/components/ui"
 
@@ -26,18 +26,15 @@ export const FollowUpSuggest = ({ suggestions = [], onSuggestionClick, ts = 1 }:
 	}
 
 	return (
-		<div className="flex mb-2 flex-col h-full border rounded-xs">
+		<div className="flex mb-2 flex-col h-full gap-2">
 			{suggestions.map((suggestion) => (
 				<div key={`${suggestion}-${ts}`} className="w-full relative group">
 					<Button
-						variant="ghost"
+						variant="outline"
 						className="text-left whitespace-normal break-words w-full h-auto py-3 justify-start pr-8"
 						onClick={(event) => handleSuggestionClick(suggestion, event)}
 						aria-label={suggestion}>
-						<div className="flex flex-row items-center gap-2">
-							<ArrowRight />
-							<div>{suggestion}</div>
-						</div>
+						<div>{suggestion}</div>
 					</Button>
 					<div
 						className="absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity"