diff --git a/packages/web/components/templates/article/NotebookModal.tsx b/packages/web/components/templates/article/NotebookModal.tsx
index 7db0e2876..0c0182dc1 100644
--- a/packages/web/components/templates/article/NotebookModal.tsx
+++ b/packages/web/components/templates/article/NotebookModal.tsx
@@ -211,11 +211,11 @@ function ModalHighlightView(props: ModalHighlightViewProps): JSX.Element {
           <StyledText
             css={{
               borderRadius: '6px',
-              bg: '$grayBase',
               p: '16px',
               width: '100%',
               marginTop: '24px',
-              color: '$grayText',
+              bg: '#EBEBEB',
+              color: '#3D3D3D',
             }}
             onClick={() => setIsEditing(true)}
           >