From a18cce4c81f249b70edb6168b90ea97ee916e16b Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Wed, 5 Oct 2022 16:22:13 -0400
Subject: [PATCH] Remove shadow from transparent input

---
 app/soapbox/components/ui/input/input.tsx                      | 3 ++-
 .../chats/components/chat-page/components/chat-page-main.tsx   | 2 +-
 .../chats/components/chat-page/components/chat-page-new.tsx    | 3 +--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/ui/input/input.tsx b/app/soapbox/components/ui/input/input.tsx
index 30ffb6070..8437331d8 100644
--- a/app/soapbox/components/ui/input/input.tsx
+++ b/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',
           })
diff --git a/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx b/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx
index 1d11831e5..99b49d0b1 100644
--- a/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx
+++ b/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
diff --git a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
index 29d8a40c4..3251dea96 100644
--- a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
+++ b/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>