diff --git a/src/css/custom.css b/src/css/custom.css
index 657cb1c8..146323e3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -23,6 +23,10 @@
 
   --ifm-font-color-base: #606376;
 
+  --ifm-code-border-radius: 4px;
+  --ifm-code-padding-vertical: 2px;
+  --ifm-code-padding-horizontal: 4px;
+
   --ifm-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system,
     BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
     sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
@@ -123,10 +127,6 @@ p {
 
 /* TODO: h4-h6  */
 
-code {
-  font-family: var(--bt-code-font-family);
-}
-
 /* 
 * Sidebar items hover/selected states
 */
@@ -153,3 +153,9 @@ code {
 .theme-doc-sidebar-item-category > .menu__list-item-collapsible--active:hover {
   background: var(--bt-menu-color-background-active-hover);
 }
+
+code {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  font-family: "Source Code Pro";
+  font-weight: 500;
+}