fix: adjust styling in ChatRow and FollowUpSuggest components

Author: Alorse

webview-ui/src/components/chat/ChatRow.tsx

@@ -63,7 +63,7 @@ const ChatRow = memo(
 		const prevHeightRef = useRef(0)
 
 		const [chatrow, { height }] = useSize(
-			<div className="px-[15px] py-[10px] pr-[6px]">
+			<div className="px-[15px] py-[10px]">
 				<ChatRowContent {...props} />
 			</div>,
 		)

webview-ui/src/components/chat/FollowUpSuggest.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from "react"
 import { Edit } from "lucide-react"
-
+import { CheckboxIcon } from "@radix-ui/react-icons"
 import { Button } from "@/components/ui"
 
 import { useAppTranslation } from "@src/i18n/TranslationContext"
@@ -31,9 +31,10 @@ export const FollowUpSuggest = ({ suggestions = [], onSuggestionClick, ts = 1 }:
 				<div key={`${suggestion}-${ts}`} className="w-full relative group">
 					<Button
 						variant="outline"
-						className="text-left whitespace-normal break-words w-full h-auto py-3 justify-start pr-8"
+						className="text-left bg-vscode-editor-background whitespace-normal break-words w-full h-auto py-2 justify-start pr-8 rounded-md"
 						onClick={(event) => handleSuggestionClick(suggestion, event)}
 						aria-label={suggestion}>
+						<CheckboxIcon />
 						<div>{suggestion}</div>
 					</Button>
 					<div