diff --git a/web/chat/edit-message-provider.js b/web/chat/edit-message-provider.js
--- a/web/chat/edit-message-provider.js
+++ b/web/chat/edit-message-provider.js
@@ -7,6 +7,10 @@
 import type { ChatMessageInfoItem } from 'lib/selectors/chat-selectors.js';
 import type { ThreadInfo } from 'lib/types/thread-types';
 
+import { EditTextMessage } from './edit-text-message.react.js';
+
+const deliveryIconWidth = 20;
+
 export type ModalPosition = {
   +left: number,
   +top: number,
@@ -58,9 +62,27 @@
   }, []);
 
   const modal = React.useMemo(() => {
-    // TODO: Add modal
-    return null;
-  }, []);
+    if (!editState || !editState.position) {
+      return null;
+    }
+
+    const tooltipNode = (
+      <EditTextMessage
+        item={editState.messageInfo}
+        threadInfo={editState.threadInfo}
+        background={false}
+        width={editState.position.width - deliveryIconWidth}
+      />
+    );
+
+    const tooltipContainerStyle = {
+      position: 'fixed',
+      left: editState.position.left,
+      top: editState.position.top,
+    };
+
+    return <div style={tooltipContainerStyle}>{tooltipNode}</div>;
+  }, [editState]);
 
   const setDraft = React.useCallback(
     (draft: ?string) => {