diff --git a/apps/web/src/components/features/input/BusterChatInput/BusterChatInputButtons.tsx b/apps/web/src/components/features/input/BusterChatInput/BusterChatInputButtons.tsx
index f03d65c9e..332ad6c06 100644
--- a/apps/web/src/components/features/input/BusterChatInput/BusterChatInputButtons.tsx
+++ b/apps/web/src/components/features/input/BusterChatInput/BusterChatInputButtons.tsx
@@ -114,7 +114,7 @@ export const BusterChatInputButtons = React.memo(
>
}
onClick={
@@ -132,7 +132,7 @@ export const BusterChatInputButtons = React.memo(
loading={submitting}
disabled={disabled || disableSubmit}
className={cn(
- 'origin-center transform-gpu transition-all duration-300 ease-out will-change-transform bg-transparent!',
+ 'origin-center transform-gpu transition-all duration-300 ease-out will-change-transform',
!disabled && 'hover:scale-110 active:scale-95'
)}
/>
@@ -199,7 +199,7 @@ const modesOptions: AppSegmentedProps['options'] = [
description="Decides how long to think"
icon={}
iconText="Auto Mode"
- content={`Dynamically pick between “Research” and “Deep Research”`}
+ content={`Dynamically picks between Research and Deep Research modes`}
>
diff --git a/apps/web/src/components/ui/buttons/Button.tsx b/apps/web/src/components/ui/buttons/Button.tsx
index e1fa0fe52..670facc35 100644
--- a/apps/web/src/components/ui/buttons/Button.tsx
+++ b/apps/web/src/components/ui/buttons/Button.tsx
@@ -7,7 +7,8 @@ import { CircleSpinnerLoader } from '../loaders/CircleSpinnerLoader';
export const buttonTypeClasses = {
default:
'bg-background border hover:bg-item-hover disabled:bg-disabled disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select',
- black: 'bg-black text-white hover:bg-foreground-hover disabled:bg-black/60',
+ black:
+ 'bg-black text-white hover:bg-foreground-hover disabled:bg-background disabled:text-gray-light disabled:ring-[0.5px] ring-border ',
outlined:
'bg-transparent border border-border text-gray-dark hover:bg-item-hover disabled:bg-transparent disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select',
primary:
@@ -111,7 +112,7 @@ export const buttonIconVariants = cva('', {
{
variant: 'black',
disabled: true,
- className: 'text-white',
+ className: 'text-gray-light',
},
{
variant: 'outlined',
diff --git a/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestionsGroup.tsx b/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestionsGroup.tsx
index 5c4451a46..54a4b83e4 100644
--- a/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestionsGroup.tsx
+++ b/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestionsGroup.tsx
@@ -27,7 +27,7 @@ export const MentionInputSuggestionsGroup = ({
return (