diff --git a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx
index a5b6865219..105e7855ba 100644
--- a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx
+++ b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx
@@ -210,20 +210,19 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo
         ) : null}
       </Flex>
       {selection && (
-        <Flex align="center" css={{ gap: '$4', w: '100%' }}>
+        <Flex align={inputRef.current?.scrollHeight === 32 ? 'center' : 'end'} css={{ gap: '$4', w: '100%' }}>
           <Flex
             align="end"
             css={{
               bg: isOverlayChat && isMobile ? '$surface_dim' : '$surface_default',
               minHeight: '$16',
               position: 'relative',
-              py: '$6',
+              py: isOverlayChat && isMobile ? '$2' : '$6',
               pl: '$8',
               flexGrow: 1,
               r: '$1',
               '@md': {
-                minHeight: 'unset',
-                h: '$14',
+                minHeight: '$14',
                 boxSizing: 'border-box',
               },
               ...(isLandscapeHLSStream ? { minHeight: '$14', py: 0 } : {}),