diff --git a/packages/web/components/templates/article/EditLabelsModal.tsx b/packages/web/components/templates/article/EditLabelsModal.tsx
new file mode 100644
index 000000000..e4a4c0a22
--- /dev/null
+++ b/packages/web/components/templates/article/EditLabelsModal.tsx
@@ -0,0 +1,22 @@
+import {
+  ModalRoot,
+  ModalOverlay,
+  ModalContent,
+} from '../../elements/ModalPrimitives'
+import { EditLabelsControl } from './EditLabelsControl'
+
+export function EditLabelsModal(): JSX.Element {
+  return (
+    <ModalRoot defaultOpen>
+      <ModalOverlay />
+      <ModalContent
+        onPointerDownOutside={(event) => {
+          event.preventDefault()
+        }}
+        css={{ overflow: 'auto', p: '0' }}
+      >
+        <EditLabelsControl />
+      </ModalContent>
+    </ModalRoot>
+  )
+}