diff --git a/docs/themes/cypress/source/css/_partial/highlight.scss b/docs/themes/cypress/source/css/_partial/highlight.scss
index 7b0e46a1f1..8b971f7287 100644
--- a/docs/themes/cypress/source/css/_partial/highlight.scss
+++ b/docs/themes/cypress/source/css/_partial/highlight.scss
@@ -1,7 +1,7 @@
 code {
   margin: 0;
   padding: 3px 4px;
-  border: 1px solid #f4f4f4;
+  border: 1px solid #eee;
   outline: 0;
   font-weight: 600;
   font-family: inherit;
@@ -18,6 +18,7 @@ a code {
 
   &:hover {
     color: $color-link-hover;
+    background-color: darken($highlight-background, 2%);
   }
 }
 
diff --git a/docs/themes/cypress/source/css/_partial/page.scss b/docs/themes/cypress/source/css/_partial/page.scss
index d2db0b5268..a21d2ac818 100644
--- a/docs/themes/cypress/source/css/_partial/page.scss
+++ b/docs/themes/cypress/source/css/_partial/page.scss
@@ -174,6 +174,10 @@
       margin-bottom: 0;
     }
 
+    code {
+      border-color: #ddd
+    }
+
     footer {
       margin: 15px 0;
       font-style: italic;
@@ -297,7 +301,8 @@
   strong>em {
     font-style: normal;
     font-weight: 500;
-    border-bottom: 1px solid #ccc;
+    padding-bottom: 2px;
+    border-bottom: 1px dotted #ccc;
   }
 
   strong + strong>em {
@@ -381,8 +386,7 @@
     }
 
     code {
-      background-color: #fff;
-      border-color: #f7f7f7;
+      border-color: #ddd;
     }
 
     &.warning {