diff --git a/src/app/features/room/message/MobileContextMenu.tsx b/src/app/features/room/message/MobileContextMenu.tsx
new file mode 100644
index 00000000..3711b72c
--- /dev/null
+++ b/src/app/features/room/message/MobileContextMenu.tsx
@@ -0,0 +1,32 @@
+import classNames from 'classnames';
+import React from 'react';
+import * as css from './styles.css';
+
+export function BottomSheetMenu({
+  isOpen,
+  onClose,
+  children,
+}: {
+  isOpen: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      style={{ position: 'fixed', inset: 0, zIndex: 1000, pointerEvents: isOpen ? 'auto' : 'none' }}
+    >
+      <div
+        className={classNames(css.menuBackdrop, { [css.menuBackdropOpen]: isOpen })}
+        onClick={onClose}
+        aria-hidden="true"
+      />
+      <div
+        className={classNames(css.menuSheet, { [css.menuSheetOpen]: isOpen })}
+        role="dialog"
+        aria-modal="true"
+      >
+        {children}
+      </div>
+    </div>
+  );
+}