diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 263efcf87..28f88cb38 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -341,10 +341,10 @@ importers:
         specifier: ^0.6.8
         version: 0.6.8
       '@types/react':
-        specifier: ^18.2.22
+        specifier: ^18.3.12
         version: 18.3.12
       '@types/react-dom':
-        specifier: ^18.2.7
+        specifier: ^18.3.1
         version: 18.3.1
       '@types/react-window':
         specifier: ^1.8.8
diff --git a/src/views/articles/article.tsx b/src/views/articles/article.tsx
index 0ff87f18c..c5a77f31c 100644
--- a/src/views/articles/article.tsx
+++ b/src/views/articles/article.tsx
@@ -21,6 +21,7 @@ import NoteReactions from "../../components/note/timeline-note/components/note-r
 import NoteZapButton from "../../components/note/note-zap-button";
 import ZapBubbles from "../../components/note/timeline-note/components/zap-bubbles";
 import BookmarkEventButton from "../../components/note/bookmark-event";
+import QuoteEventButton from "../../components/note/quote-event-button";
 
 function ArticlePage({ article }: { article: NostrEvent }) {
   const image = getArticleImage(article);
@@ -49,6 +50,7 @@ function ArticlePage({ article }: { article: NostrEvent }) {
         <ZapBubbles event={article} mb="2" />
         <Flex gap="2">
           <NoteZapButton event={article} size="sm" variant="ghost" showEventPreview={false} />
+          <QuoteEventButton event={article} size="sm" variant="ghost" />
           <NoteReactions event={article} size="sm" variant="ghost" />
         </Flex>
         <Box fontSize="lg">
@@ -56,6 +58,7 @@ function ArticlePage({ article }: { article: NostrEvent }) {
         </Box>
         <Flex gap="2">
           <NoteZapButton event={article} size="sm" variant="ghost" showEventPreview={false} />
+          <QuoteEventButton event={article} size="sm" variant="ghost" />
           <NoteReactions event={article} size="sm" variant="ghost" />
         </Flex>
       </Box>