Modifed style

src/components/note/highlight/PageNum.tsx

@@ -1,21 +0,0 @@
-import styled from 'styled-components'
-// lib
-import palette from 'lib/styles/palette'
-
-const PageNum = ({ num }: Props) => {
-  return <Content>{num}p</Content>
-}
-
-const Content = styled.span`
-  min-width: 32px;
-  margin-right: 16px;
-  font-size: 14px;
-  font-weight: 500;
-  color: ${palette.gray4};
-`;
-
-interface Props {
-  num: number;
-}
-
-export default PageNum

src/containers/menu/commons/Highlight.tsx

@@ -3,7 +3,6 @@ import { useDispatch } from 'react-redux'
 import Wrapper from 'components/note/highlight/Wrapper'
 import Title from 'components/note/highlight/Title'
 import Post from 'components/note/highlight/Post'
-import PageNum from 'components/note/highlight/PageNum'
 // slices
 import { updateHighlight } from 'slices/book'
 // utils
@@ -50,8 +49,6 @@ const Highlight = ({
   
   return (
     <Wrapper onClick={onClickHighlight}>
-      <PageNum num={highlight.pageNum} />
-
       <div>
         <Title>{highlight.chpaterName}</Title>