diff --git a/apps/blog/src/components/DrawerComment/index.tsx b/apps/blog/src/components/DrawerComment/index.tsx
index a64f3560..94a16d60 100644
--- a/apps/blog/src/components/DrawerComment/index.tsx
+++ b/apps/blog/src/components/DrawerComment/index.tsx
@@ -7,16 +7,20 @@ import CommentAvatar from "#components/CommentAvatar";
 import Typography from "#components/Typography";
 import styles from "./index.module.scss";
 
+export interface DrawerCommentProps {
+    closeDrawer(): void;
+}
+
 const cx = classNames(styles, "drawer-comment");
 
-function DrawerComment() {
+function DrawerComment({ closeDrawer }: DrawerCommentProps) {
     const { data } = useComments({ count: 6 });
 
     return (
         <ol className={cx()}>
             {data.map(({ _id: id, name, url, body, createdAt, byPostAuthor, postSlug }) => (
                 <li key={id} className={cx("__comment")}>
-                    <Link href={postSlug} className={cx("__link")}>
+                    <Link href={postSlug} className={cx("__link")} onClick={closeDrawer}>
                         <figure className={cx("__avatar")}>
                             <CommentAvatar name={name} url={url} postAuthor={byPostAuthor} />
                         </figure>
diff --git a/apps/blog/src/components/DrawerContent/index.tsx b/apps/blog/src/components/DrawerContent/index.tsx
index 6ebd1ee6..0f871adb 100644
--- a/apps/blog/src/components/DrawerContent/index.tsx
+++ b/apps/blog/src/components/DrawerContent/index.tsx
@@ -95,7 +95,7 @@ function DrawerContent({ opened, closeDrawer, willClose, setWillClose }: DrawerC
                 <QueryClientProvider client={queryClient}>
                     <ErrorBoundary fallback={null}>
                         <Suspense fallback={null}>
-                            <DrawerComment />
+                            <DrawerComment closeDrawer={close} />
                         </Suspense>
                     </ErrorBoundary>
                 </QueryClientProvider>