update input suggestions

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

@@ -90,8 +90,8 @@ export const BusterChatInputButtons = React.memo(
                 variant={'ghost'}
                 prefix={<Microphone />}
                 onClick={listening ? onStopListening : onStartListening}
-                loading={false}
                 disabled={disabled}
+                size={'tall'}
                 className={cn(
                   'origin-center transform-gpu transition-all duration-300 ease-out will-change-transform text-text-secondary',
                   !disabled && 'hover:scale-110 active:scale-95',
@@ -115,6 +115,7 @@ export const BusterChatInputButtons = React.memo(
             <Button
               rounding={'large'}
               variant={'default'}
+              size={'tall'}
               prefix={<ArrowUp />}
               onClick={
                 submitting

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

@@ -182,7 +182,7 @@ export const MentionInputSuggestions = forwardRef<
           ref={commandRef}
           label={ariaLabel}
           className={cn(
-            'relative border rounded overflow-hidden bg-background shadow',
+            'relative border rounded-xl overflow-hidden bg-background shadow',
             // CSS-only solution: Hide separators that come after hidden elements
             '[&_[hidden]+[data-separator-after-hidden]]:hidden',
             className

apps/web/src/middleware/csp-helper.ts

@@ -115,6 +115,6 @@ export const createSecurityHeaders = (isEmbed = false) => {
     'X-Content-Type-Options': 'nosniff',
     'Referrer-Policy': 'strict-origin-when-cross-origin',
     'X-XSS-Protection': '1; mode=block',
-    'Permissions-Policy': 'microphone=()',
+    'Permissions-Policy': 'microphone=(self)',
   };
 };