fix mobile issue

src/features/loyaly-ai/components/Composer.tsx

@@ -33,16 +33,16 @@ import {ICONS} from '@/shared/utils/icons';
 const MAX_HEIGHT_PX = 132;
 
 const PILL = [
-  'rounded-[28px] bg-card border border-border shadow-md',
+  'rounded-[28px] bg-zinc-900/90 border border-zinc-700/80 shadow-md',
   'transition-colors duration-150',
-  'focus-within:border-border-strong',
+  'focus-within:border-zinc-500 focus-within:ring-1 focus-within:ring-zinc-500',
   'pl-4 pr-2 py-1.5',
 ].join(' ');
 
 const FIELD = [
   'flex-1 min-w-0 resize-none bg-transparent border-0 outline-none',
-  'text-sm text-primary placeholder:text-secondary',
-  'py-2 leading-6 overflow-y-auto',
+  'text-sm font-medium text-white placeholder:text-zinc-400 placeholder:font-normal',
+  'py-2 leading-6 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden',
 ].join(' ');
 
 export function Composer({