diff --git a/src/bookmarks/ui/BookmarkArticle.tsx b/src/bookmarks/ui/BookmarkArticle.tsx
index 150a5da6..2dbc8f77 100644
--- a/src/bookmarks/ui/BookmarkArticle.tsx
+++ b/src/bookmarks/ui/BookmarkArticle.tsx
@@ -109,9 +109,15 @@ const BookMarkArticle = () => {
         <CategoryAndIconsWrapper>
           <CategoryButtonWrapper>
             <CategoryButton height={2.5} buttonColor="lightPrimary">
-              <CategoryText color="black" weight="bold">
-                {bookmarkDetail?.categoryName ?? ''}
-              </CategoryText>
+              {bookmarkDetail?.categoryName && (
+                <CategoryText
+                  color="black"
+                  weight="bold"
+                  fontSize={bookmarkDetail.categoryName.length > 5 ? 0.8 : 1}
+                >
+                  {bookmarkDetail.categoryName ?? ''}
+                </CategoryText>
+              )}
             </CategoryButton>
           </CategoryButtonWrapper>
           <LikeAndMessageIconWrapper>
diff --git a/src/category/ui/Add/CategoryName.tsx b/src/category/ui/Add/CategoryName.tsx
index 4e0a0436..a3da2611 100644
--- a/src/category/ui/Add/CategoryName.tsx
+++ b/src/category/ui/Add/CategoryName.tsx
@@ -3,6 +3,8 @@ import Text from '@/common-ui/Text';
 import getRem from '@/utils/getRem';
 import styled from '@emotion/styled';
 
+const CATEGORY_MAX_LENGTH = 10;
+
 interface NameProps {
   onChangeCategoryName: (name: string) => void;
   categoryName: string;
@@ -17,7 +19,11 @@ const CategoryName = ({ categoryName, onChangeCategoryName }: NameProps) => {
       <CategoryNameInput
         value={categoryName}
         onChange={(e) => onChangeCategoryName(e.target.value)}
+        maxLength={CATEGORY_MAX_LENGTH}
       />
+      <CountText
+        fontSize={getRem(10)}
+      >{`${categoryName.length} / ${CATEGORY_MAX_LENGTH}자`}</CountText>
     </Wrapper>
   );
 };
@@ -30,4 +36,9 @@ const CategoryNameInput = styled(Input)`
   margin-top: ${getRem(20)};
 `;
 
+const CountText = styled(Text.P)`
+  text-align: right;
+  margin-top: ${getRem(10)};
+`;
+
 export default CategoryName;