diff --git a/src/app/components/ChatInterface.tsx b/src/app/components/ChatInterface.tsx
index c8bba2b..c6e480c 100644
--- a/src/app/components/ChatInterface.tsx
+++ b/src/app/components/ChatInterface.tsx
@@ -2015,8 +2015,7 @@ export const ChatInterface = React.memo<ChatInterfaceProps>(
           )}
           <div
             className={cn(
-              "relative z-10 mx-auto mb-2 flex w-[calc(100%-16px)] max-w-[960px] flex-shrink-0 flex-col overflow-hidden rounded-2xl border border-border bg-background shadow-[var(--shadow-sm)] transition-colors duration-200 ease-in-out focus-within:border-[var(--brand)] focus-within:ring-2 focus-within:ring-[var(--brand)]/20 sm:mb-4 sm:w-[calc(100%-24px)]",
-              "focus-within:ring-2 focus-within:ring-ring"
+              "relative z-10 mx-auto mb-2 flex w-[calc(100%-16px)] max-w-[960px] flex-shrink-0 flex-col overflow-hidden rounded-2xl border border-border bg-background shadow-sm transition-colors duration-200 ease-in-out focus-within:border-[var(--brand)] focus-within:ring-2 focus-within:ring-ring/20 sm:mb-4 sm:w-[calc(100%-24px)]"
             )}
           >
             {