diff --git a/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/CardRenderer.tsx b/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/CardRenderer.tsx
index 3a458c42e..5c8aadaca 100644
--- a/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/CardRenderer.tsx
+++ b/packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/CardRenderer.tsx
@@ -98,7 +98,7 @@ export const CardRenderer = ({
       )}
 
       {/* Gif Card */}
-      {chat.messageType === 'GIF' && (
+      {(chat.messageType === 'GIF' || chat.messageType === 'MediaEmbed') && (
         <GIFCard
           chat={chat}
           background={
diff --git a/packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx b/packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx
index 7b34d991d..e73e4baa6 100644
--- a/packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx
+++ b/packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx
@@ -419,7 +419,7 @@ export const MessageInput: React.FC<MessageInputProps> = ({
   };
 
   const sendGIF = async (emojiObject: GIFType) => {
-    sendPushMessage(emojiObject.url as string, 'GIF');
+    sendPushMessage(emojiObject.url as string, 'MediaEmbed');
     setGifOpen(false);
   };
 
@@ -751,7 +751,7 @@ export const MessageInput: React.FC<MessageInputProps> = ({
   );
 };
 
-const TypebarSection = styled(Section) <{ border?: string }>`
+const TypebarSection = styled(Section)<{ border?: string }>`
   // gap: 10px;
   border: ${(props) => props.border || 'none'};
   @media ${device.mobileL} {