diff --git a/resources/css/docs-formatted-content.css b/resources/css/docs-formatted-content.css
index 5c16874c2ba8b5a9594d820f98707134defd0c9d..fd40881bbbaad69a36648dfdc66bfb91e1e990ff 100644
--- a/resources/css/docs-formatted-content.css
+++ b/resources/css/docs-formatted-content.css
@@ -10,7 +10,7 @@
   background-size: 24px 24px;
   border-color: #555555aa;
   border-style: dashed;
-  border-width: 4px;
+  border-width: 2px;
   display: flex;
   flex-direction: column;
   margin: 20px 0;
diff --git a/resources/css/docs-hljs.css b/resources/css/docs-hljs.css
index a294ddb78830ceb0e9594934c86b64b14db6df9c..d213a21c68b7d11207ee05344c620656b4c741b4 100644
--- a/resources/css/docs-hljs.css
+++ b/resources/css/docs-hljs.css
@@ -122,14 +122,16 @@ code[class] {
     font-size: var(--font-size-code-smaller);
     border-color: var(--color-border);
     border-style: solid;
-    border-width: 0 0 1px 1px;
     padding: 6px 10px;
     pointer-events: none;
     user-select: none;
     z-index: 1;
 
+    @media screen and (max-width: 1023px) {
+      border-width: 0 0 1px 0;
+    }
     @media screen and (min-width: 1024px) {
-      border-top-right-radius: 4px;
+      border-width: 0 0 1px 1px;
       position: absolute;
       top: 0;
       right: 0;