diff --git a/website/assets/styles/pages/articles/basic-article.less b/website/assets/styles/pages/articles/basic-article.less
index a1875366d7..6b3a03f764 100644
--- a/website/assets/styles/pages/articles/basic-article.less
+++ b/website/assets/styles/pages/articles/basic-article.less
@@ -598,12 +598,14 @@
       text-decoration: inherit;
     }
     code:not(.bash):not(.hljs):not(.nohighlight):not(.mermaid) {
-      background: #F1F0FF;
-      padding: 4px 8px;
-      font-family: @code-font;
+      background-color: @ui-off-white;
+      border: 1px solid @border-lt-gray;
+      color: @core-fleet-black-75;
       font-size: 13px;
+      padding: 2px 6px;
       line-height: 16px;
-      color: @core-fleet-black;
+      font-weight: 400;
+      border-radius: 4px;
     }
     pre {
       code {
diff --git a/website/assets/styles/pages/articles/basic-webinar.less b/website/assets/styles/pages/articles/basic-webinar.less
index 50e8de8369..5d8931ffd5 100644
--- a/website/assets/styles/pages/articles/basic-webinar.less
+++ b/website/assets/styles/pages/articles/basic-webinar.less
@@ -410,12 +410,14 @@
       text-decoration: inherit;
     }
     code:not(.bash):not(.hljs):not(.nohighlight):not(.mermaid) {
-      background: #F1F0FF;
-      padding: 4px 8px;
-      font-family: @code-font;
+      background-color: @ui-off-white;
+      border: 1px solid @border-lt-gray;
+      color: @core-fleet-black-75;
       font-size: 13px;
+      padding: 2px 6px;
       line-height: 16px;
-      color: @core-fleet-black;
+      font-weight: 400;
+      border-radius: 4px;
     }
     pre {
       code {
diff --git a/website/assets/styles/pages/articles/basic-whitepaper.less b/website/assets/styles/pages/articles/basic-whitepaper.less
index e6912da0f1..86490bb05c 100644
--- a/website/assets/styles/pages/articles/basic-whitepaper.less
+++ b/website/assets/styles/pages/articles/basic-whitepaper.less
@@ -354,12 +354,14 @@
       text-decoration: inherit;
     }
     code:not(.bash):not(.hljs):not(.nohighlight):not(.mermaid) {
-      background: #F1F0FF;
-      padding: 4px 8px;
-      font-family: @code-font;
+      background-color: @ui-off-white;
+      border: 1px solid @border-lt-gray;
+      color: @core-fleet-black-75;
       font-size: 13px;
+      padding: 2px 6px;
       line-height: 16px;
-      color: @core-fleet-black;
+      font-weight: 400;
+      border-radius: 4px;
     }
     pre {
       code {
diff --git a/website/assets/styles/pages/articles/case-study.less b/website/assets/styles/pages/articles/case-study.less
index cc5b7f3820..813b125a22 100644
--- a/website/assets/styles/pages/articles/case-study.less
+++ b/website/assets/styles/pages/articles/case-study.less
@@ -421,12 +421,14 @@
       text-decoration: inherit;
     }
     code:not(.bash):not(.hljs):not(.nohighlight):not(.mermaid) {
-      background: #F1F0FF;
-      padding: 4px 8px;
-      font-family: @code-font;
+      background-color: @ui-off-white;
+      border: 1px solid @border-lt-gray;
+      color: @core-fleet-black-75;
       font-size: 13px;
+      padding: 2px 6px;
       line-height: 16px;
-      color: @core-fleet-black;
+      font-weight: 400;
+      border-radius: 4px;
     }
     pre {
       code {