added sizing differences

apps/web/src/components/features/input/BusterChatInput/BusterChatInputBase.tsx

@@ -131,7 +131,7 @@ export const BusterChatInputBase: React.FC<BusterChatInputProps> = React.memo(
           placeholder="Ask a question or type ‘/’ for shortcuts..."
           ref={mentionInputSuggestionsRef}
           inputContainerClassName="px-5 pt-4"
-          inputClassName="text-lg"
+          inputClassName="text-md"
         >
           <BusterChatInputButtons
             onSubmit={onSubmitPreflight}

apps/web/src/components/features/input/BusterChatInput/BusterChatInputButtons.tsx

@@ -67,7 +67,12 @@ export const BusterChatInputButtons = React.memo(
 
     return (
       <div className="flex justify-between items-center gap-2">
-        <AppSegmented value={mode} options={modesOptions} onChange={(v) => onModeChange(v.value)} />
+        <AppSegmented
+          size="medium"
+          value={mode}
+          options={modesOptions}
+          onChange={(v) => onModeChange(v.value)}
+        />
 
         <div className="flex items-center gap-2">
           {browserSupportsSpeechRecognition && (

apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.tsx

@@ -200,7 +200,7 @@ export const MentionInputSuggestions = forwardRef<
               disabled={disabled}
               className={inputClassName}
             />
-            {children && <div className="mt-3">{children}</div>}
+            {children && <div className="mt-4.5">{children}</div>}
           </MentionInputSuggestionsContainer>
           <SuggestionsSeperator />
           <MentionInputSuggestionsList

apps/web/src/components/ui/segmented/AppSegmented.tsx

@@ -41,7 +41,7 @@ export interface AppSegmentedProps<
   value?: T;
   onChange?: (value: SegmentedItem<T, TRouter, TOptions, TFrom>) => void;
   className?: string;
-  size?: 'default' | 'large';
+  size?: 'default' | 'large' | 'medium';
   block?: boolean;
   type?: 'button' | 'track';
   disabled?: boolean;
@@ -77,7 +77,7 @@ const triggerVariants = cva(
     variants: {
       size: {
         default: 'flex-row min-w-6',
-        medium: 'px-3 flex-row',
+        medium: 'min-w-7 flex-row',
         large: 'px-3 flex-col',
       },
       block: {
@@ -284,7 +284,11 @@ function SegmentedTriggerComponent<
 
   const linkContent = (
     <>
-      {icon && <span className={cn('flex items-center text-sm')}>{icon}</span>}
+      {icon && (
+        <span className={cn('flex items-center text-sm', size === 'medium' && 'text-lg')}>
+          {icon}
+        </span>
+      )}
       {label && <span className={cn('text-sm')}>{label}</span>}
     </>
   );