Remove shadow from transparent input

app/soapbox/components/ui/input/input.tsx

@@ -61,9 +61,10 @@ const Input = React.forwardRef<HTMLInputElement, IInput>(
     return (
       <div
         className={
-          classNames('relative shadow-sm', {
+          classNames('relative', {
             'rounded-md': theme !== 'search',
             'rounded-full': theme === 'search',
+            'shadow-sm': theme !== 'transparent',
             'mt-1': !String(outerClassName).includes('mt-'),
             [String(outerClassName)]: typeof outerClassName !== 'undefined',
           })

app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx

@@ -74,7 +74,7 @@ const ChatPageMain = () => {
 
   return (
     <Stack className='h-full overflow-hidden'>
-      <HStack alignItems='center' justifyContent='between' space={2} className='px-4 py-2 w-full'>
+      <HStack alignItems='center' justifyContent='between' space={2} className='px-4 py-4 w-full'>
         <HStack alignItems='center' space={2} className='overflow-hidden'>
           <HStack alignItems='center'>
             <IconButton

app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx

@@ -6,8 +6,6 @@ import AccountSearch from 'soapbox/components/account_search';
 import { CardTitle, HStack, Stack, Text } from 'soapbox/components/ui';
 import { useChats } from 'soapbox/queries/chats';
 
-import ChatComposer from '../../chat-composer';
-
 interface IChatPageNew {
 }
 
@@ -40,6 +38,7 @@ const ChatPageNew: React.FC<IChatPageNew> = () => {
             theme='transparent'
             showButtons={false}
             autoFocus
+            className='mb-0.5'
           />
         </HStack>
       </Stack>