diff --git a/components/status/StatusContent.vue b/components/status/StatusContent.vue
index 5158c108..50120c03 100644
--- a/components/status/StatusContent.vue
+++ b/components/status/StatusContent.vue
@@ -23,7 +23,7 @@ const isFiltered = $computed(() => filterPhrase && (context && context !== 'deta
   <div
     space-y-3
     :class="{
-      'pt2 pb0.5 px3.5 bg-fade border-1 border-primary-light rounded-5 me--1': isDM,
+      'pt2 pb0.5 px3.5 bg-dm rounded-4 me--1': isDM,
       'ms--3.5 mt--1 ms--1': isDM && context !== 'details',
     }"
   >
diff --git a/styles/vars.css b/styles/vars.css
index eff52597..71aab4f0 100644
--- a/styles/vars.css
+++ b/styles/vars.css
@@ -11,6 +11,7 @@
   --c-bg-code: #00000006;
   --c-bg-selection: #8885;
   --c-bg-fade: #EA9E4411;
+  --c-bg-dm: #f1e8e6;
 
   --c-text-base: #232323;
   --c-text-code: #63470c;
@@ -39,6 +40,7 @@
   --c-bg-active: #191919;
   --c-bg-code: #ffffff06;
   --c-bg-fade: #EA9E4411;
+  --c-bg-dm: #0a2f35;
 
   --c-text-base: #f3f3f3;
   --c-text-code: #ecd88e;
diff --git a/unocss.config.ts b/unocss.config.ts
index e76d4302..44dec046 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -25,6 +25,7 @@ export default defineConfig({
       'bg-primary-light': 'bg-$c-primary-light',
       'bg-code': 'bg-$c-bg-code',
       'bg-fade': 'bg-$c-bg-fade',
+      'bg-dm': 'bg-$c-bg-dm',
 
       // text colors
       'text-base': 'text-$c-text-base',