From 666e58b0ff50c8c6abac5c127facd19dfafaf725 Mon Sep 17 00:00:00 2001
From: spencrmartin <spencermartin@squareup.com>
Date: Thu, 25 Sep 2025 11:44:44 -0400
Subject: [PATCH] Remove wavy underline from misspelled words, keep clean
 highlight

- Remove underline decoration-wavy decoration-red-500 classes
- Maintain clean highlighted appearance with background and border only
- Preserve all interactive functionality (hover, click, tooltip)
- Cleaner visual design focused on background highlighting
---
 ui/desktop/src/components/RichChatInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/RichChatInput.tsx b/ui/desktop/src/components/RichChatInput.tsx
index 4b1f2f91ff..b65c7ebc69 100644
--- a/ui/desktop/src/components/RichChatInput.tsx
+++ b/ui/desktop/src/components/RichChatInput.tsx
@@ -384,7 +384,7 @@ export const RichChatInput = forwardRef<RichChatInputRef, RichChatInputProps>(({
           <span 
             key={`misspelled-${keyCounter++}`} 
             data-misspelled="true"
-            className="inline whitespace-pre-wrap cursor-pointer bg-red-50 dark:bg-red-950/30 text-red-600 dark:text-red-400 font-medium px-1 py-0.5 rounded-sm border border-red-200 dark:border-red-800 underline decoration-wavy decoration-red-500 decoration-2 underline-offset-2 hover:bg-red-100 dark:hover:bg-red-900/40 hover:border-red-300 dark:hover:border-red-700 hover:scale-105 transition-all duration-150 relative z-10"
+            className="inline whitespace-pre-wrap cursor-pointer bg-red-50 dark:bg-red-950/30 text-red-600 dark:text-red-400 font-medium px-1 py-0.5 rounded-sm border border-red-200 dark:border-red-800 hover:bg-red-100 dark:hover:bg-red-900/40 hover:border-red-300 dark:hover:border-red-700 hover:scale-105 transition-all duration-150 relative z-10"
             style={{
               pointerEvents: 'auto', // Override parent's pointer-events: none
               userSelect: 'text', // Allow text selection for normal text editing