diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss
index f40ed050b0b9a..7996ca2c3a869 100644
--- a/_sass/_syntax.scss
+++ b/_sass/_syntax.scss
@@ -10,6 +10,7 @@ div.highlighter-rouge, figure.highlight {
   border-radius: $border-radius;
   background-color: $code-background-color;
   box-shadow: $box-shadow;
+  font-size: $type-size-4;
 
   &:before {
     position: absolute;
@@ -28,7 +29,7 @@ div.highlighter-rouge, figure.highlight {
   .highlight {
     margin: 0;
     font-family: $monospace;
-    font-size: $type-size-7;
+    font-size: $type-size-6;
     line-height: 1.8;
   }
 }
@@ -120,4 +121,4 @@ div.highlighter-rouge, figure.highlight {
 .highlight .vc { color: #22b3eb } /* Name.Variable.Class */
 .highlight .vg { color: #22b3eb } /* Name.Variable.Global */
 .highlight .vi { color: #22b3eb } /* Name.Variable.Instance */
-.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
\ No newline at end of file
+.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */