fix

Author: HMarzban

packages/webapp/components/chat/components/ChannelActionBar.tsx

@@ -47,11 +47,9 @@ const MobileToolbar = () => {
             <MessageComposer.BoldButton size={10} className="snap-center" />
             <MessageComposer.ItalicButton size={10} className="snap-center" />
             <MessageComposer.StrikethroughButton size={14} className="snap-center" />
-            <div className="divided snap-center" />
             <MessageComposer.HyperlinkButton size={18} className="snap-center" />
             <MessageComposer.BulletListButton size={16} className="snap-center" />
             <MessageComposer.OrderedListButton size={16} className="snap-center" />
-            <div className="divided snap-center" />
             <MessageComposer.BlockquoteButton size={20} className="snap-center" />
             <MessageComposer.CodeButton size={20} className="snap-center" />
             <MessageComposer.CodeBlockButton size={20} className="snap-center" />

packages/webapp/components/chat/components/MessageComposer/components/Actions/ActionButtons/EmojiButton.tsx

@@ -72,15 +72,14 @@ export const EmojiButton = ({ className, size = 20, ...props }: Props) => {
   const openEmojiPickerHandler = useCallback(() => {
     if (!editor) return
 
-    const caretPosition = getCaretPosition(editor)
-    const pickerOpenPosition = calculatePickerPosition(caretPosition)
-
     if (isMobile) {
       closeSheet()
       openSheet('emojiPicker', {
         chatRoomState: { ...chatRoom }
       })
     } else {
+      const caretPosition = getCaretPosition(editor)
+      const pickerOpenPosition = calculatePickerPosition(caretPosition)
       toggleEmojiPicker(
         {
           top: pickerOpenPosition?.top || 0,