diff --git a/src/page/forum-post/layouts/PostBody/CountBox.tsx b/src/page/forum-post/layouts/PostBody/CountBox.tsx
index 53082965..a24d7928 100644
--- a/src/page/forum-post/layouts/PostBody/CountBox.tsx
+++ b/src/page/forum-post/layouts/PostBody/CountBox.tsx
@@ -1,7 +1,8 @@
+import React from "react";
 import styled from "styled-components";
 import { Row } from "@/components/Flex";
 import { font } from "@/styles";
-import { CommentIcon, Like } from "@/assets/icons";
+import { CommentIcon, Like, LikeIcon } from "@/assets/icons";
 
 interface ICountBoxProps {
   commentCount: number;
@@ -9,10 +10,11 @@ interface ICountBoxProps {
 }
 
 const CountBox = ({ likeCount, commentCount }: ICountBoxProps) => {
+  const [isLiked, setIsLikded] = React.useState(false);
   return (
     <Row gap="22px">
-      <LikeBox>
-        <Like width={18} height={18} />
+      <LikeBox onClick={() => setIsLikded(!isLiked)}>
+        {isLiked ? <LikeIcon width={18} /> : <Like width={18} height={18} />}
         <LikeText>{likeCount}</LikeText>
       </LikeBox>
       <Row alignItems="center" gap="4px">