diff --git a/packages/web/components/patterns/HighlightNotes.tsx b/packages/web/components/patterns/HighlightNotes.tsx
index e0d3644c5..3464970fc 100644
--- a/packages/web/components/patterns/HighlightNotes.tsx
+++ b/packages/web/components/patterns/HighlightNotes.tsx
@@ -163,7 +163,7 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
         <VStack
           css={{
             width: '100%',
-            ...RcEditorStyles(isDark),
+            ...RcEditorStyles(isDark, false),
           }}
           onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => {
             if (event.code.toLowerCase() === 'escape') {
@@ -266,7 +266,7 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
               width: '100%',
               fontSize: '12px',
               marginTop: '0px',
-              paddingTop: '0px',
+              paddingTop: '5px',
 
               paddingLeft:
                 props.fillBackground && props.text
@@ -282,6 +282,7 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
                   : '0px',
               color: props.text ? '$thHighContrast' : '#898989',
               // border: props.text ? 'unset' : '1px solid $thBorderColor',
+              borderRadius: '5px',
               background:
                 props.text && props.fillBackground ? '$thBackground5' : 'unset',
               '> *': {
diff --git a/packages/web/components/templates/article/Notebook.tsx b/packages/web/components/templates/article/Notebook.tsx
index ac991d2b4..1c2add16f 100644
--- a/packages/web/components/templates/article/Notebook.tsx
+++ b/packages/web/components/templates/article/Notebook.tsx
@@ -314,7 +314,7 @@ export function Notebook(props: NotebookProps): JSX.Element {
         height: '100%',
         width: '100%',
         p: '40px',
-        '@mdDown': { p: '10px' },
+        '@mdDown': { p: '15px' },
       }}
     >
       <SectionTitle