diff --git a/assets/css/_common/scaffolding/highlight/index.scss b/assets/css/_common/scaffolding/highlight/index.scss
index 39407ac..b4c686e 100644
--- a/assets/css/_common/scaffolding/highlight/index.scss
+++ b/assets/css/_common/scaffolding/highlight/index.scss
@@ -5,17 +5,17 @@
   color: var(--highlight-foreground);
 }
 
-%code-block {
-  @extend %code-inline;
-  line-height: $line-height-code-block;
-  margin: 0 auto 20px;
-}
-
 pre {
   padding: 10px;
   margin: 0;
 }
 
+p > code {
+  @extend %code-inline;
+  border-radius: 3px;
+  padding: 3px 6px;
+}
+
 pre, code {
   font-family: $code-font-family;
 }
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 77c1e5a..5f4f2d2 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -49,8 +49,8 @@ $font_title_size            : {{ default $P.font.title.size 1.375 }};
 // TODO find the configure variable
 $highlight_dark_background  : #1c1b1b;
 $highlight_dark_foreground  : #fff;
-$highlight_light_background : #fff;
-$highlight_light_foreground : #555;
+$highlight_light_background : #565656;
+$highlight_light_foreground : #fff;
 
 $codeblock_copy_btn_style   : {{ $P.codeblock.copyBtn.style }};