diff --git a/ts/components/CompositionArea.tsx b/ts/components/CompositionArea.tsx
index 2755d587c2..f8ec5955e5 100644
--- a/ts/components/CompositionArea.tsx
+++ b/ts/components/CompositionArea.tsx
@@ -655,35 +655,36 @@ export const CompositionArea = memo(function CompositionArea({
>
) : null;
+ const shouldShowStickers =
+ !quotedMessageProps && isComposerEmpty && withStickers;
const stickerButtonPlacement = large ? 'top-start' : 'top-end';
- const stickerButtonFragment =
- !draftEditMessage && withStickers ? (
-
-
- pushPanelForConversation({
- type: PanelType.StickerManager,
- })
- }
- onPickSticker={(packId, stickerId) =>
- sendStickerMessage(conversationId, { packId, stickerId })
- }
- showIntroduction={showIntroduction}
- clearShowIntroduction={clearShowIntroduction}
- showPickerHint={showPickerHint}
- clearShowPickerHint={clearShowPickerHint}
- position={stickerButtonPlacement}
- />
-
- ) : null;
+ const stickerButtonFragment = shouldShowStickers ? (
+
+
+ pushPanelForConversation({
+ type: PanelType.StickerManager,
+ })
+ }
+ onPickSticker={(packId, stickerId) =>
+ sendStickerMessage(conversationId, { packId, stickerId })
+ }
+ showIntroduction={showIntroduction}
+ clearShowIntroduction={clearShowIntroduction}
+ showPickerHint={showPickerHint}
+ clearShowPickerHint={clearShowPickerHint}
+ position={stickerButtonPlacement}
+ />
+
+ ) : null;
// Listen for cmd/ctrl-shift-x to toggle large composition mode
useEffect(() => {
@@ -1053,7 +1054,7 @@ export const CompositionArea = memo(function CompositionArea({
{!large ? (
<>
- {stickerButtonFragment}
+ {!dirty ? stickerButtonFragment : null}
{!dirty ? micButtonFragment : null}
{editMessageFragment}
{attButton}
@@ -1068,7 +1069,7 @@ export const CompositionArea = memo(function CompositionArea({
)}
>
{leftHandSideButtonsFragment}
- {stickerButtonFragment}
+ {!dirty ? stickerButtonFragment : null}
{attButton}
{!dirty ? micButtonFragment : null}
{editMessageFragment}