diff --git a/src/components/common/Composer.scss b/src/components/common/Composer.scss
index bfbfdd9cf..607fa1618 100644
--- a/src/components/common/Composer.scss
+++ b/src/components/common/Composer.scss
@@ -713,7 +713,7 @@
 
   .placeholder-text {
     top: auto;
-    bottom: 0.875rem;
+    bottom: 1.0625rem;
     left: 0.875rem;
   }
 }
diff --git a/src/components/common/Composer.tsx b/src/components/common/Composer.tsx
index 2a26cb725..b386e3383 100644
--- a/src/components/common/Composer.tsx
+++ b/src/components/common/Composer.tsx
@@ -436,12 +436,12 @@ const Composer: FC<OwnProps & StateProps> = ({
     if (inInputId === editableInputId) {
       messageInput = document.querySelector<HTMLDivElement>(editableInputCssSelector)!;
     } else {
-      messageInput = document.getElementById(editableInputId) as HTMLDivElement;
+      messageInput = document.getElementById(inInputId) as HTMLDivElement;
     }
 
     if (selection.rangeCount) {
       const selectionRange = selection.getRangeAt(0);
-      if (isSelectionInsideInput(selectionRange, editableInputId)) {
+      if (isSelectionInsideInput(selectionRange, inInputId)) {
         insertHtmlInSelection(newHtml);
         messageInput.dispatchEvent(new Event('input', { bubbles: true }));
         return;