diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 88cda2d4..5b6eaf8d 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -885,7 +885,7 @@ select {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
-  background-color: rgba(var(--color-secondary-200), 1);
+  background-color: rgba(var(--color-neutral-50), 1);
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;
@@ -3352,7 +3352,7 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
-  background-color: rgba(var(--color-secondary-800), 1);
+  background-color: rgba(var(--color-neutral-700), 1);
 }
 
 .dark .dark\:text-neutral-500 {
diff --git a/tailwind.config.js b/tailwind.config.js
index 2fddecd8..53ac2ef1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -118,7 +118,7 @@ module.exports = {
               borderRadius: "0.12rem",
             },
             code:{
-              backgroundColor: theme("colors.secondary.200 / 1"),
+              backgroundColor: theme("colors.neutral.50 / 1"),
               paddingTop: "3px",
               paddingBottom: "3px",
               paddingLeft: "5px",
@@ -151,7 +151,7 @@ module.exports = {
               backgroundColor: theme("colors.secondary.400 / 1"),
             },
             code:{
-              backgroundColor: theme("colors.secondary.800 / 1"),
+              backgroundColor: theme("colors.neutral.700 / 1"),
             },
           },
         },