diff --git a/web/src/components/layout/scaffold/Header.vue b/web/src/components/layout/scaffold/Header.vue
index ae86cd062..43d2526d1 100644
--- a/web/src/components/layout/scaffold/Header.vue
+++ b/web/src/components/layout/scaffold/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <header
-    class="border-wp-code-100 dark:border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-500 border-b-1 text-wp-text-100"
+    class="border-wp-background-400 dark:border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-500 border-b-1 text-wp-text-100"
     :class="{ 'md:px-4': fullWidth }"
   >
     <Container :full-width="fullWidth" class="!py-0">
diff --git a/web/windi.config.ts b/web/windi.config.ts
index 41a23f45c..d67cd0d84 100644
--- a/web/windi.config.ts
+++ b/web/windi.config.ts
@@ -195,11 +195,11 @@ export default defineConfig({
         },
 
         'wp-code-inline': {
-          100: 'var(--wp-code-inline-100'
+          100: 'var(--wp-code-inline-100)'
         },
 
         'wp-code-inline-text': {
-          100: 'var(--wp-code-inline-text-100'
+          100: 'var(--wp-code-inline-text-100)'
         },
 
         'wp-code': {